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
posted @ 2021-08-24 17:03  Yonah凤娇  阅读(101)  评论(0)    收藏  举报