标签：插件 VSCode 代码 html vscode HTML 分享 CSS
本篇文章给大家介绍分享一些VSCode开发必备常用插件。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
相关推荐：《vscode教程》
Visual Studio Code必备常用插件
红色为强力推荐，不容错过 o(∩_∩)o
Chinese (Simplified) Language Pack for Visual Studio Code
简体中文包
Prettier - Code formatter
最强格式化，不接受反驳（在应用商店中卸载JS-CSS-HTML Formatter以免出现保存时自动格式化了）
HTML Snippets
超级实用且初级的 H5代码片段以及提示
Code Runner
代码编译运行看结果，支持众多语言
GitLens
丰富的git日志插件
vetur
vue语法高亮、智能感知、Emmet等
HTML CSS Support
让 html 标签上写class 智能提示当前项目所支持的样式。新版已经支持scss文件检索，这个也是必备插件之一
Auto Close Tag
匹配标签，关闭对应的标签。很实用【HTML/XML】
Auto Rename Tag
修改 html 标签，自动帮你完成尾部闭合标签的同步修改
Path Intellisense
路径智能提示
JavaScript (ES6) code snippets
该插件为JavaScript、TypeScript、HTML、React和Vue提供了ES6语法支持。
Live Server
浏览器实时刷新。右键“Open With Live Server”开启
open in browser
从浏览器中查看html文件，使用系统的当前默认浏览器
Bracket Pair Colorizer
让括号拥有独立的颜色，易于区分。可以配合任意主题使用。
ESLint
ESLint代码检测校验
vscode-icon
让 vscode 资源树目录加上图标，必备良品！
Debugger for Chrome
让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试，真666~
IntelliSense for CSS class names in HTML
把项目中 css 文件里的名称智能提示在 html 中
minapp
微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）
CSS Peek
追踪至样式表中 CSS 类定义的地方
ctrl+鼠标左键点击class 或 鼠标右键“跳转到定义（F12）”
Manta’s Stylus Supremacy
格式化stylus
jQuery Code Snippets
jquery 重度患者必须品
Class autocomplete for HTML
编写html代码的朋友们对html代码的一大体现就是重复，如果纯用手敲不仅累还会影响项目进度，这款自动补全插件真的很棒；
JavaScript Snippet Pack
针对js的插件，包含了js的常用语法关键字，很实用；
Path Autocomplete
路径智能补全
beautify
格式化代码的工具，可以格式化JSON|JS|HTML|CSS|SCSS,比内置格式化好用
HTMLHint
html代码检测
VSCode Great Icons
另一款资源树目录图标
colorize
会给颜色代码增加一个当前匹配代码颜色的背景，非常好
Color Info
提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息了。
vscode-fileheader
顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时间
Document This
js 的注释模板 （注意：新版的vscode已经原生支持,在function上输入/** tab）
filesize
在底部状态栏显示当前文件大小，点击后还可以看到详细创建、修改时间
Bootstrap 3 Sinnpet
常用 bootstrap 的可以下
VueHelper
vue代码提示
Bookmarks
一个书签工具,还是很有必要的
tortoise-svn
SVN的集成插件
推荐主题
注：文件-首选项-颜色主题 里设置切换
Dracula Theme
One Dark Pro
monoka
标签：插件,VSCode,代码,html,vscode,HTML,分享,CSS 来源： https://blog.csdn.net/fkk1688/article/details/113793768
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。