Vscode常用开发插件
RJW 2017-11-09 22:01:44 toolvscode
# 前言
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
快速代码块,可以自己添加
# 结语
以上都是我在开发时常用的插件,开发起来确实方便很多,比之前用的几款IDE感觉都要好,不得不说VsCode真的是款十分出色的IDE,这篇文章会随着我使用VsCode期间不定期更新。