VsCode常用开发插件

前言

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期间不定期更新。

文章作者: Rao Jinwei
文章链接: http://shooterblog.site/2017/11/09/VsCode常用开发插件/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明来自 Rao Jinwei's Blog