vue3+ts使用eslint

在使用Vue3+TypeScript时，可以使用ESLint来进行代码规范和错误检查。首先，你可以使用Vite脚手架创建一个Vue3+TypeScript项目，并进行ESLint的配置。你可以使用Standard规范作为基础配置，并且可以将其应用到你的个人项目中。\[1\]

在配置ESLint时，你需要创建一个.eslintrc.cjs文件，并在其中进行配置。你可以使用以下配置作为参考：\[2\]

module.exports = {
  env: {
    browser: true,
    es2021: true,
    node: true,
  },
  extends: \[
    'eslint:recommended',
    'plugin:vue/vue3-recommended',
    'plugin:prettier/recommended',
    'eslint-config-prettier',
  \],
  parser: 'vue-eslint-parser',
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    parser: '@typescript-eslint/parser',
    ecmaFeatures: {
      modules: true,
      jsx: true,
    },
  },
  plugins: \['vue', 'prettier', '@typescript-eslint'\],
  globals: {},
  rules: {},
}

如果你想根据Vue3官方文档中提到的eslint-plugin-vue的指引进行配置，你可以在.eslintrc.cjs文件中添加一些配置项。例如：\[3\]

module.exports = {
  // ...
  parser: 'vue-eslint-parser',
  parserOptions: {
    parser: '@typescript-eslint/parser',
    // ...
  },
  // ...
}

这样，你就可以在Vue3+TypeScript项目中使用ESLint进行代码规范和错误检查了。
#### 引用[.reference_title]
- *1* *3* [Vite 创建 Vue3+TS 项目配置 ESLint](https://blog.csdn.net/qq_41581588/article/details/130052727)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vite + vue3 + ts + esLint + prettier 配置](https://blog.csdn.net/weixin_44440116/article/details/129837795)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]