From cac4b15655f01ab199ce6ebaacdbb168b712fe84 Mon Sep 17 00:00:00 2001 From: magicFeirl <2100709458@qq.com> Date: Tue, 11 Feb 2025 20:13:39 +0800 Subject: [PATCH 1/2] =?UTF-8?q?docs:=20=E4=BC=98=E5=8C=96=E5=90=AF?= =?UTF-8?q?=E5=8A=A8=20dev-server=20=E7=9A=84=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CONTRIBUTING.md | 14 ++++++++++++++ dev-tools/dev-server/watcher-common.ts | 2 +- 2 files changed, 15 insertions(+), 1 deletion(-) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index ade6c659c..e929accf8 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -30,6 +30,20 @@ pnpm install 配置本地调试环境: +**配置开发服务 dev-server** +1. 确保已安装 `ts-node`,如未安装,可通过 `npm install -g ts-node` 安装 +2. 进入仓库根目录 +3. 运行 `ts-node dev-tools/dev-server/index.ts` 启动开发服务,没问题的话可以看到如下输出 +```bash +$ ts-node dev-tools/dev-server/index.ts +DevServer 已启动, 端口: 23333 +本体编译中... +(...一长串输出) + +本体已编译: (一段 hash) +``` + + **如果使用的是基于 Chromium 的浏览器** 1. VS Code 中运行 `启动开发服务 dev-server` 任务, 会在项目的 `dist/` 文件夹下生成一个开发用的脚本 `dist/bilibili-evolved.dev.user.js`. 2. Chrome 插件管理 `chrome://extensions/` > Tampermonkey > 详细信息 diff --git a/dev-tools/dev-server/watcher-common.ts b/dev-tools/dev-server/watcher-common.ts index 7de70d68a..ac56a9c01 100644 --- a/dev-tools/dev-server/watcher-common.ts +++ b/dev-tools/dev-server/watcher-common.ts @@ -21,7 +21,7 @@ export const defaultWatcherHandler = ( assets: false, modules: false, chunks: false, - color: true, + colors: true, }), ) } From a8cccbce324e4b2d8bf9c1fb89eeeac46b79d98b Mon Sep 17 00:00:00 2001 From: magicFeirl <2100709458@qq.com> Date: Tue, 11 Feb 2025 20:16:03 +0800 Subject: [PATCH 2/2] =?UTF-8?q?docs:=20=E4=BC=98=E5=8C=96=E5=90=AF?= =?UTF-8?q?=E5=8A=A8=20dev-server=20=E7=9A=84=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CONTRIBUTING.md | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index e929accf8..0c412620e 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -30,15 +30,16 @@ pnpm install 配置本地调试环境: -**配置开发服务 dev-server** +**启动开发服务 dev-server** 1. 确保已安装 `ts-node`,如未安装,可通过 `npm install -g ts-node` 安装 -2. 进入仓库根目录 -3. 运行 `ts-node dev-tools/dev-server/index.ts` 启动开发服务,没问题的话可以看到如下输出 +2. 进入项目根目录 +3. 运行 `ts-node dev-tools/dev-server/index.ts` 启动开发服务,没问题的话可以看到类似的输出: + ```bash $ ts-node dev-tools/dev-server/index.ts DevServer 已启动, 端口: 23333 本体编译中... -(...一长串输出) +(...可能有一长串输出) 本体已编译: (一段 hash) ```