esLint基本使用

切图仔

发布于 2022-09-08 16:36:47

7080

发布于 2022-09-08 16:36:47

文章被收录于专栏：生如夏花绚烂

npm i eslint eslint-config-standard eslint-plugin-standard eslint-plugin-promise eslint-plugin-import eslint-plugin-node eslint-plugin-html

2.新键配置文件.eslintrc

{
    "extends": "standard",
    "plugins": ["html"]
}

3.配置package.json

 "scripts": {
   ...
    "lint":"eslint --ext .js --ext .jsx --ext .vue client/",//检测代码
        "lint-fix":"eslint --fix --ext .js --ext .jsx --ext .vue client/"//自动修复
  },
    ...

运行命令 npm run lint

4.开发环境自动检测

npm i  eslint-loader babel-eslint -D

.eslintrc

{
    "extends": "standard",
    "plugins": ["html"],
    "parser": "babel-eslint"
}

webpack.config

 rules:[
            {
                test:/\.(vue|js|jsx)$/,
                loader:'eslint-loader',
                exclude:/node_modules/,
                enforce:'pre'//预处理
            },
...

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020-08-17 ，如有侵权请联系 cloudcommunity@tencent.com 删除

npm