ESLint实现在package.json中配置代码规范手动测试

最新推荐文章于 2023-11-06 10:30:11 发布

原创最新推荐文章于 2023-11-06 10:30:11 发布 · 3.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#eslint代码测试

前端专栏收录该内容

33 篇文章

订阅专栏

本文介绍如何使用ESLint来规范JavaScript代码风格，包括安装配置步骤、常见规则设置及如何自动化修正不符合规范的代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.ESLint 代码规范的约束
执行 --fix自动的进行代码约束
配置ESLint
1.npm i eslint --save-dev
2.在package.json中配置

  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack-dev-server --env development",
    "build": "webpack",
    "lintjs": "exlint app/ webpack.*.js --cache"
  },

其中app/ 指的是对app文件夹中的文件进行规范约束

新建一个文件 .eslintrc.js

module.exports = {

    env: {
        browser: true,
        commonjs: true,
        es6: true,
        node: true,
    },
    extends: 'eslint:recommended',
    parserOptions: {
        sourceType: 'module',
    },
    rules: {
        'comma-dangle': ['error', 'always-multiline'],
        indent: ['error',2],
        'linebreak-style': ['error','unix'],
        quotes: ['error', 'single'],
        semi: ['error','always'],
        'no-unused-vars': ['warn'],
        'no-console': 0,
    },
};

自动修正代码规范
npm run lint – --fix

这个是手动自己进行检测