前端 2018-01-26 01:41:58

VScode常用插件

之前一直使用webstorm进行开发,但是大家都知道webstorm比较臃肿、吃内存,所以尝试了一下VScode,VScode编辑器是个可扩展性很强的前端编辑器,能够很方便地加载许多实用的插件,以下是我在开发中比较推荐的。

1.Bracket Pair Colorizer

通过不同的颜色区分代码块的括号,不容易搞错

2.Debugger for Chrome

chrome debugger工具

3.Atom One Dark Theme

Atom's One Dark 编辑器主题

4.Document This

能够自动为js文件生成详细的js文档注释

5.ESLint

代码规范检查工具,团队协作必备,减少文件冲突

6.filesize

安装后可以直接在编辑器左下角查看当前文件大小

7.Fuzzy Definitions

检索项目中的函数定义,可以进行不同js文件的代码跳转

8.Git History

查看git历史记录

9.GitLens

查看每行代码的历史提交修改记录

10.Image Preview

css文件中直接预览引入的图片

11.Markdown All in One

集成了很多markdown快捷键,能够快速进行markdown文件编辑,同时提供预览功能(需要手动设置"markdown.extension.preview.autoShowPreviewToSide": true,

12.Markdown PDF

markdown文件转pdf,但效果不如mac下的macdown,会有小细节丢失情况

13.Open file from path

通过代码中路径字符串直接打开文件,快捷键alt+d

14.Output Colorizer

vscode控制台日志颜色标识工具

15.Path Intellisense

能够自动补全路径

16.Quokka.js

代码单元测试工具

17.Relative Path

直接生成选择文件的相对路径,很方便

18.Settings Sync

vscode设置同步工具,可以将vscode的设备存储在github上,并且在不同电脑上读取配置

19.TODO Parser

列出文件中Todo事项

20.vscode-fileheader

给文件添加文件头,自动更新最新修改的时间、作者

21.vscode-icons

vscode编辑器文件、文件夹图标,提高文件识别度