VScode配置ESlint,以及EditorConfig、TSLint

eslint的使用

1. 全局安装 npm install eslint -g

2. 在vscode中下载插件

3. 配置vscode的配置文件,添加代码配置:使用项目中的eslint.js文件中定义的格式

VScode配置ESlint,以及EditorConfig、TSLint_第1张图片

VScode配置ESlint,以及EditorConfig、TSLint_第2张图片

VScode配置ESlint,以及EditorConfig、TSLint_第3张图片

    "eslint.autoFixOnSave": true,  //  启用保存时自动修复,默认只支持.js文件
    "eslint.validate": [
       "javascript",  //  用eslint的规则检测js文件
       {
         "language": "vue",   // 检测vue文件
         "autoFix": true   //  为vue文件开启保存自动修复的功能
       },
       {
         "language": "html",
         "autoFix": true
       },
     ],

---------------------------------------

附上全部的settings.json:

{
  "diffEditor.ignoreTrimWhitespace": false,

  // eslint 代码自动检查相关配置
  // "eslint.enable": true,
  // "eslint.autoFixOnSave": true,
  // "eslint.run": "onType",
  // "eslint.options": {
  //   "extensions": [".js",".vue"]
  // },
  // "eslint.validate": [
  //   "javascriptreact",
  //   "vue",
  //   "javascript", {
  //       "language": "vue",
  //       "autoFix": true
  //   },
  //   "html", {
  //     "language": "html",
  //     "autoFix": true
  //   }
  // ],
  "eslint.autoFixOnSave": true,  //  启用保存时自动修复,默认只支持.js文件
  "eslint.validate": [
   "javascript",  //  用eslint的规则检测js文件
   {
     "language": "vue",   // 检测vue文件
     "autoFix": true   //  为vue文件开启保存自动修复的功能
   },
   {
     "language": "html",
     "autoFix": true
   },
 ],

"editor.suggestSelection": "first",
"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
"python.jediEnabled": false,
}

EditorConfig、TSLint一路货色,配置一样

 

 

 

网上狗屎真多

 

你可能感兴趣的:(工具)