VS code智能插件,提高工作效率
前端开发必备插件
- Git Lens
github 的提示工具,可以显示每一行是被谁修改的,什么时间修改的,之前的版本是什么,现在的版本是什么等等。
- Auto Close Tag
自动添加HTML / XML关闭标签
- Auto Rename Tag
自动重命名配对的HTML / XML标签
- CSS Peek
使用此插件,你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码
- Debugger for Chrome
前端调试
- eslint
EsLint可以帮助我们检查Javascript编程时的语法错误。比如:在Javascript应用中,你很难找到你漏泄的变量或者方法。EsLint能够帮助我们分析JS代码,找到bug并确保一定程度的JS语法书写的正确性
- intelliSense for CSS class names in HTML
把项目中 css 文件里的名称智能提示在 html 中
- Vetur
Vue 语法高亮显示, 语法错误检查, 代码自动补全
(配合 ESLint 插件效果更佳)
小程序开发组件
- scode wxml
- vscode-wechat
- Easy WXLESS
- Prettier
Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
以上是github上的官方解释,其实就是简单的代码格式工具,和esLint不同在于,ESLint只是一个代码质量工具(确保没有未使用的变量、没有全局变量,等等)。而Prettier只关心格式化文件(最大长度、混合标签和空格、引用样式等)。可见,代码格式统一的问题,交给Prettirer再合适不过了。和Eslint配合使用,风味更佳。
python 代码插件必备
- TabNine
目前使用最多的代码补全工具,它支持23种编程语言、5种编辑器,使用简单,效果惊艳。
- SSH FS
测试及开发组件
- jslint
更新时间
- 2019.12.19

浙公网安备 33010602011771号