webpack 使用 eslint管理代码规范

1.安装

npm i eslint ellint-loader -D

2. 在webpack.config.js文件中配置

webpack 使用 eslint管理代码规范_第1张图片

3.在packjson.js文件中的scripts中新增一个配置项

webpack 使用 eslint管理代码规范_第2张图片

4.运行 npm run eslint_test

webpack 使用 eslint管理代码规范_第3张图片

有三个选项: 只检查语法 ; 检查语法及问题; 检查语法及问题, 执行代码风格

在这里我选择第三个, 之后选择第一个 使用js风格

webpack 使用 eslint管理代码规范_第4张图片

之后选择vue.js

webpack 使用 eslint管理代码规范_第5张图片

之后选择"Answer questions about your style"

webpack 使用 eslint管理代码规范_第6张图片

之后选择相应的适合自己的配置项即可

webpack 使用 eslint管理代码规范_第7张图片

最后就会自动生成一个跟webpack.config,js同级的.eslintrc.js文件,文件内容如下

webpack 使用 eslint管理代码规范_第8张图片

你可能感兴趣的:(eslint-loader,eslint代码管理,webpack)