Skip to content

常用插件

参考链接: https://www.jianshu.com/p/ca78b96b9417https://segmentfault.com/a/1190000006697219http://blog.csdn.net/qq_38906523/article/details/77278403

插件安装的路径是: C:\Users\ 你的用户名.vscode\extensions

插件说明
Auto Rename Tag修改 html 标签,自动帮你完成尾部闭合标签的同步修改
BeautifyBeautify javascript, JSON, CSS, Sass, and HTML in Visual Studio Code
Bracket Pair Colorizer此扩展允许用颜色标识匹配的括号
Chinese (Simplified) Language Pack for Visual Studio Code汉化,Ctrl+shift+p 输入Configure Language,将local.json文件中相应字段改为“zh-CN”
Color Info使在css中颜色值可以点击
CSS Peek当鼠标移到css中的选择器时,通过pop的形式显示使用该选择器样式的的html
cssrem将单位px转化为rem
Easy LESS自动将LESS编译成CSS
EditorConfig for VS Codevscode默认不支持editorConfig,需要安装该插件
Ember JS (ES6) and Handlebars code snippets提供js片段
ESLint语法规则
filesize显示每个文件的大小
gitignore帮助生成.gitignore文件
Gitlens显示git记录
Guides使代码左侧有引导线
HTML CSS Support
Live Server静态服务器
Markdown Preview Enhancedmarkdown文件预览
markdownlint检测markdown文档格式
npm Intellisenseimport语句中自动提示模块名
Path Intellisense自动补全文件路径
vscode-icons美化文件(夹)图标
Vue VSCode Snippets快速生成vue文件骨架
Todo Tree快速定位到代码中的Todo
Tailwind CSS IntelliSense快速生成tailwindcss代码
Markdown Header Adjuster调整markdown文档的标题级别
Thunder Client接口调试
Outline Map生成文件大纲
any-rule快速生成正则表达式
Hide Node Modules隐藏node_modules
json生成 Json 树
tree-generator生成文件目录树