vite+vue3+ts+eslint配置问题

1. 代码引入vue和ts文件提示模块找不到
   检查vite.config.ts/tsconfig.json和eslintrc.js文件定义的路径别名

config.ts文件部分内容

  const alias: Record = {
      '/@': pathResolve('./src/'),
      assets: pathResolve('./src/assets'),
      'vue-i18n': isProd(mode) ? 'vue-i18n/dist/vue-i18n.cjs.prod.js' : 'vue-i18n/dist/vue-i18n.cjs.js',
  }
1
2
3
4
5

tsconfig.json文件部分内容

  "baseUrl": ".",
  "paths": {
      "/@/*": ["src/*"]
  },
1
2
3
4

eslintrc.js文件部分内容

  settings: {
      'import/resolver': {
          alias: [['/@/', './src/']],
      },
  },
1
2
3
4
5

2. 代码引入vue正常，ts文件引入提示找不到模块
   eslintrc.js文件内配置

  extends: ['plugin:vue/vue3-essential', 'plugin:vue/essential'],
1

3. 提示prettier找不到
   命令行安装prettier以及运行环境
   npm i prettier eslint-config-prettier eslint-plugin-prettier -D
4. 变量提示声明未使用
   tsconfig.json文件内设置
   compilerOptions 设置 noUnusedLocals: false,
   eslintrc.js文件内配置
   rules中找到 no-unused-vars设置为 off

仅供参考，自己遇到的问题，找到的解决方法