【转】vscode常用插件推荐

粘贴图片

1.Auto Close Tag

自动闭合HTML/XML标签

粘贴图片

 

2.Auto Rename Tag

自动完成另一侧标签的同步修改

粘贴图片

 

3.Debugger for Chrome

映射vscode上的断点到chrome上,方便调试、

粘贴图片

 

4.ESLint

js语法纠错,可以自定义配置,不过配置较为复杂,建议使用网上一些广泛使用的eslint配置

粘贴图片

 

 

5.GitLens
方便查看git日志,git重度使用者必备

粘贴图片

 

6.HTML CSS Support

智能提示CSS类名以及id 

粘贴图片

 

7. HTML Snippets

智能提示HTML标签,以及标签含义

粘贴图片

 

8.JavaScript(ES6) code snippets

ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间
粘贴图片

 

9.jQuery Code Snippets

jQuery代码智能提示
粘贴图片

 

10.Markdown Preview Enhanced

实时预览markdown,markdown使用者必备
粘贴图片

 

11.markdownlint

markdown语法纠错

粘贴图片

 

12.Material Icon Theme

个人认为最好的vscode图标主题,支持更换不同色系的图标,值得点出的是,该插件更新极其频繁,基本和vscode更新频率保持一致
粘贴图片

13.open in browser

vscode不像IDE一样能够直接在浏览器中打开html,而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari

粘贴图片

14.Path Intellisense

自动提示文件路径,支持各种快速引入文件

粘贴图片

 

15.Vetur

Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备。

粘贴图片

 

转自网络,可取所需,欢迎补充!

posted @ 2020-01-10 15:24  苏苏苏en  阅读(787)  评论(0编辑  收藏  举报