为什么项目中安装了eslint 和 eslint-plugin-vue还是没有eslintrc.js
时间: 2024-01-09 10:04:15 浏览: 166
如果您在项目中安装了 `eslint` 和 `eslint-plugin-vue`,但是在项目根目录中仍然没有找到 `.eslintrc.js` 配置文件,那么可能是因为您还没有初始化 ESLint 配置文件。
您可以按照以下步骤来初始化 ESLint 配置文件:
1. 在项目根目录中打开终端,并执行以下命令:
```
npx eslint --init
```
2. 根据提示,选择您需要的配置选项。例如,您可以选择 `To check syntax, find problems, and enforce code style`,然后选择使用 `JavaScript modules (import/export)`,选择 `Vue.js`,最后选择使用 `JSON` 格式的配置文件。
3. 初始化完成后,在项目根目录中将会生成 `.eslintrc.json` 配置文件,您可以将其重命名为 `.eslintrc.js`。
4. 打开 `.eslintrc.js` 文件,添加以下内容:
```
module.exports = {
root: true,
env: {
node: true
},
extends: [
'plugin:vue/essential',
'eslint:recommended'
],
parserOptions: {
parser: 'babel-eslint'
},
plugins: [
'vue'
],
rules: {
// 自定义规则
}
}
```
以上步骤将帮助您在项目中初始化 ESLint 配置文件,并成功创建 `.eslintrc.js` 配置文件。
阅读全文