VSCode 插件拓展网址 :https://marketplace.visualstudio.com/VSCode
1.
Chinese (Simplified) Language
适用于 VS Code 的中文(简体)语言包。
Auto Close Tag
自动闭合HTML/XML标签。
Auto Rename Tag
自动完成另一侧标签的同步修改。
Beautify
格式化代码,beautify插件支持自定义格式化代码规则。
Bracket Pair Colorizer
用不同颜色高亮显示匹配的括号。
6.
Debugger for Chrome
映射vscode上的断点到chrome上,方便调试。
ESLint
js语法纠错,可以自定义配置。
8.
GitLens
查看git日志。
HTML CSS Support
智能提示CSS类名以及id。
HTML Snippets
智能提示HTML标签,以及标签含义。
JavaScript(ES6) code snippet
ES6语法智能提示,以及快速输入。
jQuery Code Snippets
jQuery代码智能提示。
Markdown Preview Enhanced
实时预览markdown,markdown使用者必备。
markdownlint
markdown语法纠错。
Material Icon Theme
的vscode图标主题,支持更换不同色系的图标。
open in browser Browser
由于 VSCode 没有提供直接在浏览器中打开文件的内置界面,所以此插件在快捷菜单中添加了在默认浏览器查看文件选项,以及在客户端(Firefox,Chrome,IE)中打开命令面板选项。 支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器。
Path Intellisense
自动提示文件路径,支持各种快速引入文件。
Vetur
Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。VSCode官方钦定Vue插件,Vue开发者必备。
language-stylus
Stylus stylus CSS语法提示-->主要支持vue文件下stylus。
Vue 2 Snippets vue
快捷键提示。
Easy Sass
这款插件只需要简单配置编译目录就会自动生成编译后的CSS文件。
CSS Peek
使用此插件,你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码。
Color Info
这个便捷的插件,将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了。
javascript console utils
这个便捷的插件,选中某个变量或代码块然后按下Ctrl + Shift + L
键,就可以直接生成console.log()
代码了。
koroFileHeader
这个插件可以新建文件作者注释和方法函数注释。
快捷键:window:ctrl+alt+t
mac:ctrl+cmd+t
参考链接
- https://juejin.im/post/5c356b106fb9a049ef26c368
- https://blog.csdn.net/qq_38906523/article/details/77278403
- https://www.cnblogs.com/karthuslorin/p/8577224.html
- https://www.cnblogs.com/sybboy/p/8989342.html
- https://blog.csdn.net/Joe0217/article/details/80950477
- https://marketplace.visualstudio.com/VSCode
- http://www.imooc.com/article/19624
- https://segmentfault.com/a/1190000012155949
- https://blog.csdn.net/D_claus/article/details/85243454