VSCode 好用的拓展整理(详细15个,简要10个)
- 一些基础的拓展
- 代码优化的拓展
- 其他一些好用的拓展
- 关于Vue的相关拓展
- 其他一些拓展(还未深入体验,暂时写在这里)
-
-
- 15.GBKtoUTF8(把GBK编码转UTF8编码,处理文件打开乱码)[官方说明](https://marketplace.visualstudio.com/items?itemName=bukas.GBKtoUTF8)
- 16.HTML Class Suggestions(html和css的建议性补全代码)[官方说明](https://marketplace.visualstudio.com/items?itemName=AndersEAndersen.html-class-suggestions)
- 17.JavaScript (ES6) code snippets(es6的代码片段补全)[官方说明](https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets)
- 18.Microsoft Edge Tools for VS Code(此扩展允许你在 Visual Studio Code 中使用 Microsoft Edge 的开发人员工具。)[官方说明](https://marketplace.visualstudio.com/items?itemName=ms-edgedevtools.vscode-edge-devtools)
- 19.Open In Default Browser(打开默认浏览器)[官方说明](https://marketplace.visualstudio.com/items?itemName=peakchen90.open-html-in-browser)
- 20.Community Material Theme(添加更多的VSCode的主题)[官方说明](https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-community-material-theme)
-
一些基础的拓展
1.Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
官方说明
必备的汉化工具 对VScode进行汉化,必备的一个拓展插件。
2.open in browser
官方说明
可以使用快捷键 Alt+B 或者 右键Open In Default Browser 打开默认浏览器,访问页面内容
3.Code Runner
官方说明
可以直接在编辑器中直接运行代码片段,支持多种编程语言。
右上角会出现一个 三角形 ,可以直接点击来运行项目。
4.Live Server
官方说明
可以在VScode里创建一个小型的 服务器 ,默认端口开在 8080 。
可以通过鼠标右键 Open with Live Server 或者快捷键 Alt+L Alt+O 来打开此服务,
可以通过鼠标右键 Stop Live Server 或者快捷键 Alt+ L / Alt+C 来关闭此服务。
代码优化的拓展
5.Bracket Pair Color DLW
官方说明
给代码中的括号添加 亮色 ,便于区分(浅色的主题可能不是特别明显)