eslint-plugin-tsvue-parser
本插件用来解决 vue 项目中 JS/TS 混合开发的过度阶段带来的 eslint 问题
核心思想是用一个 eslint 插件，把 vue+ts 的 vue 文件，修改文件的后缀名为 .tsvue
从而达到按语言区分文件名，这样可以在 eslint 里面用 overwrite 进行规则区分了
由 Github 此问题得到的解决办法 vuejs/vue-eslint-parser/issues/49，文中提及的包 eslint-plugin-tsvue 完善而来
需配合另外一个 npm 包 eslint-plugin-tsvue 一起使用
安装
npm install eslint-plugin-tsvue eslint-plugin-tsvue-parser --save-dev使用
{
parser: require.resolve('vue-eslint-parser'),
parserOptions: {
parser: require.resolve('@babel/eslint-parser'),
},
plugins: ['tsvue'],
overrides: [
{
files: ['**/*.{ts,tsx,tsvue}'],
parser: require.resolve('eslint-plugin-tsvue-parser'),
parserOptions: {
parser: require.resolve('@typescript-eslint/parser'),
extraFileExtensions: ['.vue', '.tsvue'],
project: ['tsconfig.json'],
ecmaVersion: 'latest',
sourceType: 'module',
ecmaFeatures: {
jsx: false,
modules: true,
},
},
plugins: ['@typescript-eslint'],
},
],
}