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

来源:3-3 使用 vue-cli 配置 vue3 开发环境

weixin_慕少6100463

2020-11-24

疑问:

  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
}

写回答

1回答

张轩

2020-11-25

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

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

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

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

修改以后就一切正常了

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

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程