初始化项目
yarn create vite my-vue-app --template vue
eslint 配置相关
安装相关依赖
yarn add eslint typescript @typescript-eslint/parser @typescript-eslint/eslint-plugin
init eslint file
yarn run eslint --init
init preitter
-
eslint-config-prettier: turns off rules that might conflict with Prettier. // 关闭和prettier冲突的规则
-
eslint-plugin-prettier: adds Prettier rules to ESLint. // 将prettier规则应用于eslint
module.exports = {
env: {
browser: true,
es2021: true,
node: true,
},
extends: [
"eslint:recommended",
"plugin:vue/essential",
"plugin:@typescript-eslint/recommended",
"plugin:prettier/recommended",
],
parserOptions: {
ecmaVersion: 13,
parser: "@typescript-eslint/parser",
sourceType: "module",
},
plugins: ["vue", "@typescript-eslint"],
rules: {
// indent: ["error", 4],
"linebreak-style": ["error", "unix"],
quotes: ["error", "double"],
semi: ["error", "always"],
},
};
参考链接：
