VScode怎么开启本地服务器及本地调试?

1、首先,如果我们想开启vscode的本地服务,首先在他的商店里找到Debugger for Chrome这个插件,点击安装,下图我已经安装好了,所以就没有安装俩字了。

2、接下来就是配置,第三补是配置自己的文件路径,这个是要经常改动的,测试哪个文件就写上那个文件的名字就好,文件前面的${workspaceRoot}这个不需要变动,变动的是后面的,第四步下拉选择那个你需要开启本地服务的文件夹就好
没有配置文件:运行=》添加配置

 

3、打开终端,然后输入npm install -g live-server,出现红框标注的那个部分就说明安装成功了

 

4、然后在命令行里输入 live-server,浏览器就会自动打开你要调试的页面

注:如果出现一下情况,说明你的端口被占用,只需要输入
live-server --port=8083

 

 


 

 



 

 

posted @ 2021-07-02 13:40  MakeGod  阅读(2082)  评论(0)    收藏  举报