吐⾎推荐珍藏的VisualStudioCode插件(推荐)
作为⼀名Java⼯程师,由于⼯作需要,最近⼀个⽉⼀直在写NodeJS,这种经历可以说是⼀部⾟酸史了。好在有神器Visual Studio Code陪伴,让我的这段经历没有更加困难。眼看这段经历要告⼀段落了,今天就来给⼤家分享⼀下我常⽤的⼀些VSC 的插件。
VSC的插件安装⽅法很简单,只需要点击左侧最下⽅的插件栏选项,然后就可以搜索你想要的插件了。
下⾯我们进⼊正题
Material Theme
第⼀个是Material Theme,这个插件可以帮助我们修改主题⾊,帮助你摆脱只有⿊⾊和⽩⾊的世界。当然你也可以通过修改setting⽂件来⾃定义主题颜⾊。
Auto Import
在写Java时,通常我是直接在代码中写出类名,然后使⽤IDEA⾃动导⼊相应的包的,但是使⽤VSC时没有这个功能,这个问题就让我很困扰,这意味着作为⾼级crtlCV⼯程师,粘贴过来的代码⽆法直接使⽤,你还要去查⼀些引⽤是属于哪个包的,怎么导⼊。
⽽Auto Import帮我解决了这个⼤问题,它可以⾃动识别,解析和增加⼀些对应的包。有了它,我就可以继续做ctrlCV⼯程师了。
Import Cost
写过NodeJS的同学可能都会有⼀个体会,⾃⼰可能只写了⼏⾏代码,但是要安装的包竟然达到⼏个G,可能有些夸张,但是⼤量的node_modules真的很令⼈崩溃。
这时你需要的是Import Cost来帮你控制⼀下你导⼊包的⼤⼩。
当你写了⼀个导⼊语句时,它会提醒你这个包的⼤⼩,如果你发现某个包太⼤时,就需要考虑⼀下你是否真的需要引⼊整个包了。
Indent-Rainbow
这个插件是帮助你提升读代码的体验的,对于刚开始接触NodeJS的同学来说,读代码的时间往往⽐写代码的时间要多。如果项⽬过⼤时,新同学往往会迷失在很多的代码块中,分辨代码块只能靠⾏前缩紧数量。但是有时缩紧数量⼜⽆法⼀眼看出。⽽Indent-Rainbow就是⽤来帮你快速分辨代码的。
visual studio代码大全Prettier — Code Formatter
Prettier插件是⽤来格式化代码的。
符合代码规范的代码可以说是⼀个⼯程师的脸⾯,⽽Prettier可以说是专门帮你维护脸⾯的插件。有了它,你在写代码时就可以肆⽆忌惮了,只需要在写完以后按⼀下对应的快捷键。你的代码就会马上变漂亮。
Sublime Text Keymap and Settings Importer
不知道有多少同学和我⼀样⽐较喜欢⽤Sublime Text。虽然ST3也⾮常强⼤,可以⽤来写JS代码,但是我觉得它还是⽐不上专业的IDE,所以我更喜欢把ST3当作「记事本」来⽤,如果你已经⽐较习惯了ST3的快捷键,并且不想因为使⽤VSC⽽改变这个习惯,那么就可以使⽤这个插件,它会在VSC中模仿ST3的快捷键设置。
你可以使⽤command+P来唤起命令窗⼝,然后输⼊>开始像在ST3中那样操作。
npm Intellisense
npm Intellisense插件可以帮助你将你想要的node modules补充完整。
File Utils
File Utils在我看来是⼀个⾮常⽅(zhuang)便(bi)的插件,它可以帮助你不使⽤⿏标就可以创建、移动、删除⽂件。看起来是不是很酷。