vsCode配置

• GIT功能

插件名：GitLens

• Git历史记录

插件名：Git History

• Git历史版本比较

插件名：Git History Diff

• HTML CSS

插件名：HTML CSS Support

• JavaScript(ES6) 支持

插件名：JavaScript(ES6) code snippets

• Vue支持

插件名：Vetur

• 代码格式化

插件名：Prettier - Code formatter

• 快捷注释

插件名：koroFileHeader

• 高亮匹对标签

插件名：VSCode Highlight Matching Tag

• 检测代码英文单词错误

插件名：Code Spell Checker

VSCode settings配置

{

  "window.zoomLevel": 0,

  "editor.fontSize": 14,

  "editor.defaultFormatter": "esbenp.prettier-vscode",

  /*  prettier的配置 */

  "prettier.printWidth": 120, // 超过最大值换行

  "prettier.tabWidth": 2, // 缩进字节数

  "prettier.useTabs": false, // 缩进不使用tab，使用空格

  "prettier.semi": false, // 句尾添加分号

  "prettier.singleQuote": true, // 使用单引号代替双引号

  "prettier.proseWrap": "preserve", // 默认值。因为使用了一些折行敏感型的渲染器（如GitHub comment）而按照markdown文本样式进行折行

  "prettier.arrowParens": "always", //  (x) => {} 箭头函数参数只有一个时是否要有小括号。avoid：省略括号

  "prettier.bracketSpacing": true, // 在对象，数组括号与文字之间加空格 "{ foo: bar }"

  "prettier.endOfLine": "auto", // 结尾是 \n \r \n\r auto

  "prettier.htmlWhitespaceSensitivity": "ignore",

  "prettier.ignorePath": ".prettierignore", // 不使用prettier格式化的文件填写在项目的.prettierignore文件中

  "prettier.jsxBracketSameLine": false, // 在jsx中把'>' 是否单独放一行

  "prettier.jsxSingleQuote": false, // 在jsx中使用单引号代替双引号

  "prettier.requireConfig": false, // Require a 'prettierconfig' to format prettier

  "prettier.trailingComma": "none", // 在对象或数组最后一个元素后面是否加逗号

  // vetur 的自定义设置

  "vetur.format.defaultFormatterOptions": {

    "prettier": {

      "singleQuote": true, //用单引号

      "semi": false //不加分号

    }

  },

  "fileheader.customMade": {

    "Author": "haozhen", // erp

    "Date": "Do not edit",

    "LastEditors": "haozhen", // erp

    "Description": "",

    "LastEditTime": "Do not edit",

    "FilePath": "no item name" // 增加此项配置即可, “no item name”可以去掉项目名

  }

}

代码注释

注意新写的组件或文件加上文件说明

方法函数加对应功能及使用注释

对行内注释不做特殊规范（书写命名易于理解就好）

Vue import 顺序规范

1. 引用VUE组件 （VUE、VUEX等）
2. 第三方组件库 （lodash等）注意按需引用 > forEach…
3. 引用自定义组件
4. 工具类 （api、util、common）

VUE 生命周期编写顺序规范

1. props
2. data
3. computed
4. watch
5. created
6. destroyed
7. mounted
8. methods

代码 Review流程规范【目前采用邮件或组内通知】