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文件夹下面。

VScode open with live Server 没反应解决办法,查看端口占用_第1张图片

你可能感兴趣的:(草莓味的小企鹅,前端工具,前端)