标签：提示 插件 效果 VSCode 标签 前端 vscode 下载
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。
但工欲善其事必先利其器，以下是本人为前端开发收集的常用的vscode插件，有需要的话赶紧mark起来吧~
一、下载
vscode官网：https://code.visualstudio.com/
解决vscode下载很慢的问题
- 在官网根据自己电脑 点击下载
2.下载时可以去浏览器的下载内容里面，看到正在下载的vscode，然后点击上面的链接，会发生跳转
2. 然后在浏览器上的地址上会发现这个链接，这个时候直接复制 vscode.cdn.azure.cn 替换地址上面的
会发现速度起飞，这里用vscode.cdn.azure.cn 是采用的国内镜像，直接起飞
二、安装插件的方法
- 使用
ctrl + shift + x - 使用
Ctrl+P, 输入ext install xxxx，搜索要安装的插件，点击安装按钮即可 - 点击扩展图标，如下图
三、常用插件
（1）Chinese (Simplified) Language Pack for Visual Studio Code
软件汉化
（2）Auto Close Tag
自动闭合HTML/XML标签
效果：
（3）Auto Rename Tag
自动完成另一侧标签的同步修改
效果：
（4）Bracket Pair Colorizer
给嵌套的各种括号加上不同的颜色
效果：
（5）Path Intellisense
智能路径提示，可以在你输入文件路径时智能提示
效果：
（6）HTML Snippets
HTML代码片段，该插件可为你提供html标签的代码提示，不用键入尖括号了
效果：
（7）filesize
效果：
（8）Prettier - Code formatter
保存的时候自动格式化代码
（9）JavaScript(ES6) code snippets
ES6语法智能提示以及快速输入，除js外还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间
四、VUE插件
（1）Vetur
Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。vscode官方钦定Vue插件，Vue开发者必备。
效果：
（2）EsLint
语法纠错
效果：
五、微信小程序插件
（1）wechat-snippet
微信小程序代码辅助,代码片段自动完成
（2）minapp
- 微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）
- 需要输入<才会触发标签补全
- 输入空格会触发对应标签的属性补全
（3) wxapp-helper
选择创建wx组件，自动生成配套的文件，简直不要太爽
标签：提示,插件,效果,VSCode,标签,前端,vscode,下载 来源： https://www.cnblogs.com/linyuxia/p/dev-vscode.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。