vscode 插件
- 在文件的右键菜单里里加入 open In Browser菜单
- 点击 open In Browser 会首先判断配置中的enableHost是否启用 如果没有启用则直接唤起浏览器打开本地文件 如：file:https:///xxx/xx.html 如果启用则会把 documentRoot 替换为http:https://host 后打开
"qingyangmoke.openInBrowser.documentRoot": "/Users/song/Develop/",
"qingyangmoke.openInBrowser.enableHost": true,
"qingyangmoke.openInBrowser.host": "localhost",比如本地文件路径是 /www/github/vscode-test/index.html
启用host的方式
1.修改配置
"qingyangmoke.openInBrowser.documentRoot": "/www/",
"qingyangmoke.openInBrowser.enableHost": true,
"qingyangmoke.openInBrowser.host": "localhost"
2.打开后的地址为：
http://localhost/github/vscode-test/index.html未启用host方式
"qingyangmoke.openInBrowser.enableHost": false,
打开后的地址为：
file:///www/github/vscode-test/index.html1. 全局安装 vsce
npm i vsce -g
2. 安装依赖
npm i
3. 编译
npm run build
vscode -> 扩展-> 从 vsix 安装 -> 选择上面编译好的文件
./dist/vscode-open-in-browser-x.x.x.vsix