vscode给当前项目配置通规则的lint/prettier

2020-10-15 loading

# 1、新建文件

  • 在项目根目录新建.vscode文件夹
  • 在上面的文件夹下新建settings.json文件

# 2、安装插件

  • tslint
  • prettier

需要注意同一个项目的开发,每个成员安装的插件版本保持一致

# 3、settings.json文件

{
  "editor.tabSize": 2,
  // 关闭编辑器自身的保存时格式化功能
  "editor.formatOnSave": false,
  // 每次保存时需要执行的功能
  "editor.codeActionsOnSave": {
    "source.fixAll": true,
    // For ESLint
    "source.fixAll.eslint": true,
    // For TSLint
    "source.fixAll.tslint": true,
    // For Stylelint
    "source.fixAll.stylelint": true
  },
  // 指定tslint的规则到当前项目的tslint文件,默认路径是当前项目的根路径
  "tslint.configFile": "./tslint.json",
  // 指定需要进行prettier的文件类型,以及保存时执行
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[less]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  }
}

# 4、备注