老师，我的 Eslint 为什么对 ts 文件校验不了

Question

疑问：

1. vscode 的 eslint 插件是不是默认支持 typescript 的，不需要对 eslint 额外配置
2. vue-cli 的 eslint 的默认配置应该应该是支持 ts 文件的吧
3. prettier 没有问题，在运行 run serve 可以校测到 ts 文件的格式错误
4. 在编辑器看不到 ts 文件的 eslint 抛错
5. 项目的 eslint 也没有报错日志
   
   setting.json

{
  "files.associations": {
    "*.cjson": "jsonc",
    "*.wxss": "css",
    "*.wxs": "javascript"
  },
  "emmet.includeLanguages": {
    "wxml": "html",
    "wxss": "css"
  },
  "editor.fontSize": 12,
  "editor.tabSize": 2,
  // 配置 eslint
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  // 配置 prettier
  // "editor.defaultFormatter": "esbenp.prettier-vscode",
  "prettier.singleQuote": true,
  // 配置 vutur
  "vetur.experimental.templateInterpolationService": true,
  // 配置 minapp
  "minapp-vscode.disableAutoConfig": true,
  "minapp-vscode.wxmlFormatter": "wxml", //指定格式化工具
  "minapp-vscode.styleExtensions": ["wxss"],
  "minapp-vscode.globalStyleFiles": ["./app.wxss"],
  "minapp-vscode.prettyHtml": {
    "useTabs": false,
    "tabWidth": 2,
    "printWidth": 100,
    "singleQuote": false,
    "usePrettier": true,
    "wrapAttributes": "force-expand-multiline",
    "sortAttributes": false
  },
  "search.exclude": {
    "**/node_modules": true,
    "**/bower_components": true,
    "build/": true,
    "temp/": true,
    "library/": true,
    "**/*.anim": true
  },
  "files.exclude": {
    "**/.git": true,
    "**/.DS_Store": true,
    "**/*.meta": true,
    "node-modules": true,
    "library/": true,
    "local/": true,
    "temp/": true
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "window.zoomLevel": -1,
  "workbench.iconTheme": "vscode-icons",
  "files.autoSave": "off",
  "files.autoGuessEncoding": true
}

Answer 1

张轩 2020-11-25 10:56:20

同学你好 我在本地也遇到类似的情况 在 vscode 中有的项目可以 有的项目不可以

1 vscode 的 eslint 插件是不是默认支持 typescript 的，不需要对 eslint 额外配置

新版的eslint应该是这样的，但是有时候还是会出现失灵的情况，这时候我们需要手动添加一下到你这个 setting.json 中去 

"eslint.validate": [ "typescript" ],

修改以后就一切正常了

• 提问者 weixin_慕少6100463 #1

  我找了这么久的问题就因为这一句解决了，感觉自己不行了

• 提问者 weixin_慕少6100463 #2

  这个配置在旧版时候我还会配置，新版我都把它去掉了，因为我一直认为新版是默认支持了

• 提问者 weixin_慕少6100463 #3

  这个配置项我还特意看了官方文档的说明
  
  eslint.validate-语言标识符数组，用于指定要对其执行验证的文件。这是旧的旧设置，在通常情况下应该不再需要了。默认为["javascript", "javascriptreact"]。