常用插件
参考链接: 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 标签,自动帮你完成尾部闭合标签的同步修改 |
Beautify | Beautify 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 Code | vscode默认不支持editorConfig,需要安装该插件 |
Ember JS (ES6) and Handlebars code snippets | 提供js片段 |
ESLint | 语法规则 |
filesize | 显示每个文件的大小 |
gitignore | 帮助生成.gitignore 文件 |
Gitlens | 显示git记录 |
Guides | 使代码左侧有引导线 |
HTML CSS Support | |
Live Server | 静态服务器 |
Markdown Preview Enhanced | markdown文件预览 |
markdownlint | 检测markdown文档格式 |
npm Intellisense | 在import 语句中自动提示模块名 |
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 | 生成文件目录树 |