@qse/edu-scripts 1.12.5 → 1.13.0

package/docs/debug.md

@@ -0,0 +1,17 @@
+# 代码调试
+
+## 使用 `React Developer Tools` 调试
+
+1. 安装 `React Developer Tools` 插件
+2. 打开控制台(F12)
+3. 切换到 `Component` 标签页
+4. 选中需要查看的组件，可以看到 `state/props/hooks` 等信息
+
+## 使用 vscode 调试代码
+
+1. 打开 `JavaScript Debug Terminal` 终端，输入 `npm run start` 命令启动项目。
+
+![](https://p0.meituan.net/dpplatform/78a65449d74d1fbd61cc47e98c419a011041253.gif)
+
+2. 按住 `ctrl/command` 点击 `http://localhost:port` 打开链接
+3. 代码里打断点，网页点击触发断点

package/lib/deploy.js

@@ -92,22 +92,39 @@ async function normalDeploy(args) {
       // 创建本地临时文件夹，位置在 `opts.localPath` 下的 `__tmp__` 文件夹
       fs.mkdirSync(tmpDir, {
         recursive: true
-      }); // 拉取远程文件到本地
-
-      await sftp.fastGet(remoteFile, tmpFile); // 读取本地文件内容
-
-      let code = await fs.readFile(tmpFile, {
-        encoding: 'utf-8'
       });
-      code = changeDeployVersion(code, {
+      const info = {
         name: pkg.name,
         version: pkg.version,
         grayscale: appConfig.grayscale
-      });
-      await sftp.fastPut(tmpFile, remoteFile + '.bak');
-      await fs.writeFile(tmpFile, code); // 将修改完的内容传回服务器
-
-      await sftp.fastPut(tmpFile, remoteFile);
+      };
+      {
+        // 拉取远程文件到本地
+        await sftp.fastGet(remoteFile, tmpFile); // 读取本地文件内容
+
+        let code = await fs.readFile(tmpFile, {
+          encoding: 'utf-8'
+        });
+        code = changeDeployVersion(code, info);
+        await sftp.fastPut(tmpFile, remoteFile + '.bak');
+        await fs.writeFile(tmpFile, code); // 将修改完的内容传回服务器
+
+        await sftp.fastPut(tmpFile, remoteFile);
+      }
+      {
+        const remoteLogFile = remoteFile + '.log';
+        const tmpLogFile = tmpFile + '.log';
+        let content = '';
+
+        try {
+          await sftp.fastGet(remoteLogFile, tmpLogFile);
+          content = await fs.readFile(tmpLogFile, 'utf-8');
+        } catch (error) {}
+
+        content += `${new Date().toISOString()} ${JSON.stringify(info)}\n`;
+        await fs.writeFile(tmpLogFile, content);
+        await sftp.fastPut(tmpLogFile, remoteLogFile);
+      }
       spinner.succeed('已更新 ver.js 版本配置');
     } catch (e) {
       spinner.fail(`自动修改 ver.js 失败，请手动修改`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qse/edu-scripts",
-  "version": "1.12.5",
+  "version": "1.13.0",
   "author": "Kinoko",
   "license": "MIT",
   "description": "教育工程化基础框架",

package/src/deploy.js

@@ -69,21 +69,38 @@ async function normalDeploy(args) {
       // 创建本地临时文件夹，位置在 `opts.localPath` 下的 `__tmp__` 文件夹
       fs.mkdirSync(tmpDir, { recursive: true })
 
-      // 拉取远程文件到本地
-      await sftp.fastGet(remoteFile, tmpFile)
-
-      // 读取本地文件内容
-      let code = await fs.readFile(tmpFile, { encoding: 'utf-8' })
-      code = changeDeployVersion(code, {
+      const info = {
         name: pkg.name,
         version: pkg.version,
         grayscale: appConfig.grayscale,
-      })
+      }
+
+      {
+        // 拉取远程文件到本地
+        await sftp.fastGet(remoteFile, tmpFile)
+
+        // 读取本地文件内容
+        let code = await fs.readFile(tmpFile, { encoding: 'utf-8' })
+        code = changeDeployVersion(code, info)
 
-      await sftp.fastPut(tmpFile, remoteFile + '.bak')
-      await fs.writeFile(tmpFile, code)
-      // 将修改完的内容传回服务器
-      await sftp.fastPut(tmpFile, remoteFile)
+        await sftp.fastPut(tmpFile, remoteFile + '.bak')
+        await fs.writeFile(tmpFile, code)
+        // 将修改完的内容传回服务器
+        await sftp.fastPut(tmpFile, remoteFile)
+      }
+
+      {
+        const remoteLogFile = remoteFile + '.log'
+        const tmpLogFile = tmpFile + '.log'
+        let content = ''
+        try {
+          await sftp.fastGet(remoteLogFile, tmpLogFile)
+          content = await fs.readFile(tmpLogFile, 'utf-8')
+        } catch (error) {}
+        content += `${new Date().toISOString()} ${JSON.stringify(info)}\n`
+        await fs.writeFile(tmpLogFile, content)
+        await sftp.fastPut(tmpLogFile, remoteLogFile)
+      }
 
       spinner.succeed('已更新 ver.js 版本配置')
     } catch (e) {