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