记录一波自用的vscode插件(新手够用)

1,153 阅读2分钟

1、Bracket Pair Colorizer 代码{},()会高亮,切选中首尾的{,(会有箭头指示,能马上看到对应闭合的符号

image.png

2、Draw.io Integration 流程图编写,边进行功能设计,边开发不是爽歪歪吗?

image.png

3、ESLint、Prettier - Code formatter、stylelint

这3个就不多说了,代码格式化插件,谁用谁知道,但是经常会出现在不同框架下,代码格式化不一致的情况,很头大,react、vue、taro+react的代码下,同一套setting.json的配置,总是出现逗号,双引号自动补全等问题,有大佬知道的留言指教下

4、Git Graph

可以用来进行代码提交的操作,能看到谁进行的提交,才刚刚发现,好用神器

image.png

5、GitLens — Git supercharged 也是一款代码提交工具,个人觉得就这个好用,随时看到这个代码是谁写的,找锅侠神器

image.png

6、Highlight Matching Tag 标签高亮插件,选中对应的标签,闭合的标签会高亮,告诉你,它们才是天生一对的

7、Import Cost --- 导入包大小,做体积优化有好处,现在开发不在是简单的功能实现了,这个优化,那个优化的

image.png

8、LeetCode --- 算法插件,可以在编译器做题也很爽的吧

9、Material Icon Theme --- 文件夹主题,楼主挑了那么多,还是觉得简单点好

image.png

10、open in browser ---这个右键打开浏览器的插件,大家应该都用了,毕竟好东西嘛

11、Path Intellisense --- 文件路径自动提示,有助开发

12、Power Mode --- 一个代码编写会出现特效的插件,觉得写代码太无聊,这个可以解解压,毕竟可以像放烟花一样

image.png

13、Simple React Snippets --- react快速代码生成,暂时用得不多,还没有很复杂的模板,但是导入react包可以快点,一句话的快捷指令就搞定了

image.png

14、Time Master --- 最近发现的新神器,每天下班前看下今天写的代码数量,摸鱼的可别被上级看到了,哈哈哈

image.png

15、Turbo Console Log --- 日志打印的插件,直接打log就能出现整句console.log了,方便

image.png

16、Vetur --- vue开发的代码高亮,格式化的插件工具

17、WXML - Language Services --- 微信小程序.wxml文件代码高亮,标签、属性的智能补全

目前自用的插件就这些,工作中自用已经够了