VScode 最强出装

一、规范篇

1.ESlint

js代码语法检测
注意事项

1、不要使用双引号
2、不要有多余的空行
3、尽量少打分号–额外分号
4、函数参数的逗号后要有空格
5、函数名字与括号之间要有空格
6、vue文件的name首字母大写

配置保存自动格式化

文件 > 首选项 > 设置 >搜索settings.json >加入以下配置

{
  "editor.tabSize": 2,
  "files.associations": {
      "*.vue": "vue"
  },
  "eslint.autoFixOnSave": true,
  "eslint.options": {
      "extensions": [
          ".js",
          ".vue"
      ]
  },
"eslint.validate": [
    "javascript",{
        "language": "vue",
        "autoFix": true
    },"html",
    "vue"
],
  "search.exclude": {
      "**/node_modules": true,
      "**/bower_components": true,
      "**/dist": true
  },
  "emmet.syntaxProfiles": {
      "javascript": "jsx",
      "vue": "html",
      "vue-html": "html"
  },
  "git.confirmSync": false,
  "window.zoomLevel": 0,
  "editor.renderWhitespace": "boundary",
  "editor.cursorBlinking": "smooth",
  "editor.minimap.enabled": true,
  "editor.minimap.renderCharacters": false,
  "editor.fontFamily": "'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'",
  "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
  "editor.codeLens": true,
  "editor.snippetSuggestions": "top",
}
2.vue-beautify

格式化代码的工具 Shift+Alt+F

备注:eslint 和 vue-beautify 配合 Shift+Alt+F Ctr+S简直完美了

3.HTMLHint
4.vetur 语法高亮、智能感知、Emmet 等
5.VueHelper vue文件基本结构提示
6.Vue VSCode Snippets 很全面的vue代码片段

二、提示篇

1.colorize 颜色提示
2. Path Intellisense 文件路径提示
3.Import Cost 查看import的文件大小
4.BreadCrumb in StatusBar 在路径搜索查询文件
5.Document this 注释提示 /** tab
6.fileheader ctrl+alt+i

顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值