VsCode常用插件

2018-09-19  本文已影响0人  _xm
  1. Path Intellisense
    自动路径补全

  2. Document this
    js 的注释模板 (注意:新版的 vscode 已经原生支持,在 function 上输入 /** tab )

  3. ESlint
    代码规范,对不符合要求的代码或者有语法错误的JS代码进行提示,可以自定制提示规则

  4. HTMLHint
    html代码检测

  5. beautify, prettier
    格式化代码的工具

  6. colorize
    可视化css色值

  7. RegExp Preview and Editor
    这个就厉害了.可以完美的展示你写的正则,图形化给你看你写正则的形成

  8. Better Comments
    最好用的注释区域高亮,对于TODO这些支持也很好

  9. Auto Close Tag
    自动补全html标签

10.Auto Rename Tag
同步更改html尾标签

11.HTML CSS Support css
语法提示

12.HTML Snippets html
标签提示

13.JavaScript (ES6) snippets
ES6语法快捷键支持

React相关

  1. ES7 React/Redux/GraphQL/React-Native snippets
    涵盖的代码片段贼丰富,React 相关代码提示有这个就够了

  2. Reactjs code snippets
    当然如果你只用React,那用这个代码提示吧,管够了

  3. CSS Blocks
    支持css模块化的智能提示,跳转

Vue相关

  1. vetur
    语法高亮、智能感知、Emmet 等

  2. VueHelper
    snippet 代码片段

  3. Vue VSCode Snippets
    很全面的vue代码片段

Node相关

  1. eggjs
    蛋框的相关帮助插件,代码片段,智能提示等

  2. egg-jump-definition
    蛋框的函数跳转

小程序相关

  1. mpvue snippets
    mpvue的一些代码片段,以及部分原生小程序的代码提示

  2. minapp
    用VS Code写小程序必备的插件,里面有众多实用的特性集成

其他
1.Git Lens
查看git记录

  1. npm-import-package-version
    显示导入的 npm 包的版本信息

3.Minify
压缩文件

主题相关
1.Atom One Dark Theme
Atom One Dark Atom主题

2.vscode icon
文件图标

上一篇下一篇

猜你喜欢

热点阅读