Visual Studio Code前端常用插件详解，教你玩转vscode
Visual Studio Code安装插件前端常用插件前端常用插件我们常用的webstorm自从不能获取注册码以后。用起来感觉很费事，隔断时间就需要重新激活。没办法只能找别的。用了很多前端开发软件，倒是各有优点，但是我推荐的是Visual Studio Code，但是需要自己装一下插件才能用的很6，下面是我总结出的前端常用插件。插件名称用途Auto Close Tag...
·
Visual Studio Code安装插件
前端常用插件
我们常用的webstorm自从不能获取注册码以后。用起来感觉很费事，隔断时间就需要重新激活。没办法只能找别的。用了很多前端开发软件，倒是各有优点，但是我推荐的是Visual Studio Code，但是需要自己装一下插件才能用的很6，下面是我总结出的前端常用插件。
下图是安装插件的方法
| 插件名称 | 用途 |
|---|---|
| Auto Close Tag | 自动闭合HTML/XML标签 |
| Auto Rename Tag | 自动完成另一侧标签的同步修改 |
| Beautify | 格式化 html ,js,css |
| Prettier | 格式化JavaScript / TypeScript / CSS |
| Bracket Pair Colorizer | 给括号加上不同的颜色，便于区分不同的区块 |
| Debugger for Chrome | 映射vscode上的断点到chrome上，方便调试 |
| ESLint | js语法纠错 |
| GitLens | 方便查看git日志 |
| HTML CSS Support | 智能提示CSS类名以及id |
| HTML Snippets | 智能提示HTML标签，以及标签含义 |
| JavaScript(ES6) code snippets | ES6语法智能提示，以及快速输入 |
| jQuery Code Snippet | jQuery代码智能提示 |
| open in browse | 快捷键与鼠标右键快速在浏览器中打开html文件 |
| Vetur | Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。vscode官方钦定Vue插件 |
| VueHelper | snippet代码片段 |
| Path Intellisense | 自动路劲补全 |
| Npm Intellisense | require 时的包提示 |
| koroFileHeader | 顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时间 |
| Import Cost | 引入包大小计算,对于项目打包后体积掌握很有帮助 |
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
10
0- 0
已为社区贡献2条内容
所有评论(0)