vs code 前端如何以服务器模式打开

Posted 2023-04-23

废话在线，肯定首先要安装 vs code 和 node.js（既然是前端就必须回，不会的面壁思过）
然后在命令符中输入 npm install -g live-server 进行安装，（简单的NPM安装）
安装成功后在vscode里 “查看” - “集成终端”或者 文件夹命令提示符 里面输入 live-server ，

等待浏览器会自动打开 http://127.0.0.1:8080/ 这个端口，
这样我们就能像webstorm等IDE这样在本地方便的使用 ajax 或者 vue-resource 等功能，希望帮到你们
---------------------------------------------------------------------------------------
2017-09-30日更新
现在 vs code 中有个插件叫 Live Server，不需要上面的方法了 参考技术A

调试前端代码。

1、在要添加webservice的项目名称上右击，在右击菜单中选择添加服务引用。

2、在弹出的窗口中可以输入服务的地址。

3、可以引用解决方案中的服务，点击按钮发现。

4、也可以点击高级按钮来专门添加webservice。

5、在弹出的窗口中点击 添加web引用。

6、在弹出窗口中可以输入web服务的地址，或者通过其他三种方式寻找web服务。

7、比如引用解决方案中的web服务，点击此处，在出现的列表中选择要引用的服务。
在出现的窗口中点击 添加引用即可。

8、launch / attach。

9、调试前端代码。

10、调试通过 Nodemon 启动的 Node 服务器调试前端代码。

参考技术B 酚醛晕桌w 参考技术C

安装插件，保存自动刷新~~~美滋滋。

text 在Mac OSX中向Finder服务添加命令以在VS Code中打开文件夹

- Open Automator 
- File -> New -> Service 
- Change "Service Receives" to "files or folders" in "Finder" 
- Add a "Run Shell Script" action 
- Change "Pass input" to "as arguments" 
- Paste the following in the shell script box: open -n -b "com.microsoft.VSCode" --args "$*" 
- Save it as something like "Open in Visual Studio Code"