前言
Visual Studio Code 简称VsCode,是微软公司第一次向开发者们提供了一款真正的跨平台编辑器。功能非常强大,插件丰富,打开文件速度非常快,方便快捷。是一款我个人开发时比较喜欢用的IDE。
下面来说说我在前端开发时比较常用的插件
安装插件的方法是
Ctrl+Shift+X
,然后输入插件名,点安装即可。
1. HTML Snippets
HTML标签补全,很齐全
2. HTML CSS Support,HTML Class Suggestions
HTML,CSS自动补齐
3. javascript(ES6)Code Snippets
包含ES6的自动补齐
4. jQuery Code Snippets
jQuery自动补齐
5. Auto Close Tag
自动闭合标签,加快开发效率
6. Auto Rename Tag
自动同步修改标签
7. Path Intellisense
输入./
时可以列出该路径下的所有文件,很方便
8. Document This
最好用js和ts文件注释插件
9. Live Server
可以直接开启一个本地服务,通过浏览器来实时动态预览html文件,很好用
10. Live Server Preview
和Live Server差不多,只是这个插件可以在VsCode窗口下直接预览
11. Sass,Less
支持Sass和Less的插件
12. React-Native/React/Redux/Redux snippets for es6/7
React系列开发必备插件
13. react-beautify
React格式化插件
14. Vue2 Snippets
Vue语法补齐
15. Vetur
Vue明星级别的插件,Vue开发必备
16. VueHelper
Vue api语法提示,不过都是英文的
17. Monkai Dark Sode
一款Sublime Text3的皮肤,个人比较喜欢
18. Vscode-icons
文件图标,很好看
19. Markdown Preview Enhanced
很强大的Markdown文件实时预览插件,还可以输出HTML文件,真心好用
20. Python
学习Python用的
21. Bracket Pair Colorizer
让()和{}拥有各自不同的颜色,有了这插件,开发时不用看到(){}都是一遍白的了,推荐!
20180618新增
22. Prettier
代码一键格式化工具
20180912新增
23. Bookmarks
书签管理插件
24. Debugger for Chrome
在vscode中调式js
25. Eslint
不多说
26. Import Cost
可以看到引入模块的大小
27. Quokka.js
随时运行js
28. Git History
git-diff神器
29. code-rhythm
快速代码块,可以自己添加