VScode open with live Server 没反应解决办法,查看端口占用

VScode直接官网下载安装很方便,可以安装很多插件,在下面图里画圈的点击进去搜索下载

插件

  • 中文插件 第一款
  • 样式插件 第三个
  • 模拟线上的插件 我在安装之后出现一些小问题
    找了一些解决办法,首先点击liveServer的设置按钮有个扩展复制,点击进去,会有在seetings.json中编辑,点击进去, 复制下方代码
    { "files.autoSave": "afterDelay", "files.autoSaveDelay": 500, "liveServer.settings.CustomBrowser": "chrome", "liveServer.settings.NoBrowser": false, "liveServer.settings.AdvanceCustomBrowserCmdLine": "chrome --incognito --remote-debugging-port=9222", "liveServer.settings.ignoredFiles": [ ".vscode/**", "**/*.scss", "**/*.sass", "**/*.ts" ], "liveServer.settings.root": "/", "liveServer.settings.port": 8082, "liveServer.settings.donotShowInfoMsg": true}
    然后在页面点击open with live Server,如果没有页面弹出来,看一下是否代码里的端口被占用,是的话关掉这个端口或者换一个,还不行的话就换一个插件

查看端口是否被占用:

  • cmd命令行搜索netstat -aon|findstr “你想查的端口”,被占用会有listening 后面有个数字,tasklist|findstr “该数字”,可以查到一个 ***.exe 的程序名,taskkill /f /t /im **.exe ,这个端口就没有被占用了
  • cmd命令行搜索netstat -aon|findstr “你想查的端口”,显示netstat 不是内部或外部命令,首先cmd输入cd&dir /s /b %windir%\system32\netstat.exe ,看是否有这个程序,如果有的话,就打开电脑-属性-高级-安全-环境变量-系统变量-path 点击编辑,在后面加上 ;%SystemRoot%\system32 ,注意不要少掉前面的;,如果没有这个程序,得去先弄一个复制到那个system32文件夹下面。

在这里插入图片描述
最近使用的时候报 找不到chrome浏览器 把"liveServer.settings.AdvanceCustomBrowserCmdLine": “chrome --incognito --remote-debugging-port=9222”, 换成"liveServer.settings.AdvanceCustomBrowserCmdLine": “D:/Software/Google/Chrome/Application/chrome.exe”, 可能因为浏览器没安装在c盘导致的 这样就可以使用了

  • 3
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值