npm init @eslint/config 在命令行运行没反应

发现问题是npm源不行

运行一下这个 切换一下下载源就可以了

npm config set registry https://registry.npmmirror.com/
在React 18.3版本的create-react-app项目中添加ESLint(JavaScript代码风格检查工具)是为了保持代码质量的一致性和最佳实践。以下是创建和配置ESLint的步骤: 1. 安装ESLint和相关插件: 打开终端(命令行),首先确保已经在项目目录中,然后运行以下命令安装ESLint和react-app-rewired,它将帮助我们对create-react-app做一些修改: ``` npm install eslint eslint-config-airbnb eslint-plugin-react eslint-plugin-import --save-dev react-app-rewired ``` 2. 配置ESLint: 创建一个新的`config-overrides.js`文件到项目的根目录,内容如下: ```javascript const { override, fix } = require('react-app-rewired'); module.exports = function (app) { return override( // 使用Airbnb的配置,并启用ES6+语法 fix({ rules: { 'import/no-extraneous-dependencies': ['error', { devDependencies: true }], }, }), // 允许在jsx文件中使用import语句 app.config.set('module.rules', [ ...app.get('module.rules'), { test: /\.jsx?$/, include: /node_modules/, enforce: 'pre', use: [ { loader: 'eslint-loader', options: { configFile: './eslintrc.js', // 自己的.eslintrc.js配置文件路径 }, }, ], }, ]), ); }; ``` 这里假设你已经有了一个名为`.eslintrc.js`的文件,如果有,可以创建一个并配置基本的Airbnb规则。 3. 配置文件 `.eslintrc.js`(若不存在): 使用Airbnb的配置模板,例如: ```javascript module.exports = { extends: [ 'airbnb', // 或者 'airbnb-base' 如果不需要某些额外的规则 '@typescript-eslint/recommended', // 如果项目使用TypeScript ], parser: '@typescript-eslint/parser', // 如果项目使用TypeScript parserOptions: { ecmaVersion: 2022, sourceType: 'module', }, rules: { // 更具体的规则设置 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', // 控制台日志 // 添加其他需要的规则 }, }; ``` 4. 初始化ESLint: 在终端运行: ``` npx eslint --init ``` 按照提示选择合适的配置选项,通常推荐选择"Use a popular style guide"并选择Airbnb。 完成以上步骤后,项目会在开发阶段自动进行ESLint校验。你可以通过运行`npm run lint`或`yarn lint`来手动触发检查。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值