code-server使用proxy快速预览

在使用 code - server 编写代码时，若想快速预览效果，可借助其自带的代理服务。
这里存在两种情况：开发过程中支持热更新的预览以及构建打包后的预览。

开发过程中预览

首先启动开发服务：

mpm run dev

启动后，服务地址（内网）为：
Available on:
http://127.0.0.1:3010

此时，可通过代理服务 https:// 域名 /code/proxy/3010 在外网进行预览。

构建打包后预览

对于构建打包后的页面，若要预览，需先安装 http-server 服务：

npm install -g http-server

接着进入打包后的页面所在目录（例如 dist 目录）并启动服务：

cd path/dist
http-server -p 4000

这里使用的是 4000 端口。
然后，再利用代理服务 https:// 域名 /code/proxy/4000 即可在外网进行预览。

其它

当然，你还可以通过 nginx 等方式进行代理。