已有项目配置eslint指南

已有项目配置eslint指南

一、项目文件夹下下载eslint

npm install eslint --save-dev

二、eslint初始化

1、package.json文件scripts下添加指令

"init": "./node_modules/.bin/eslint --init"

2、运行指令

npm run init

3、选择eslint配置,如下图

1.png

三、配置格式化工具

1、下载babel-eslint

npm install babel-eslint

2、配置.eslintrc.js

parserOptions添加配置

"parser": "babel-eslint"

3、下载prettier

下载添加依赖:

npm install @vue/eslint-config-prettier eslint-plugin-prettier@latest --save-dev

4、配置.eslintrc.js

extends添加拓展:

"@vue/prettier"

四、配置批量修复指令

1、下载批量修复插件eslint-plugin-vuefix

npm install eslint-plugin-vuefix

2、添加检查指令、修复指令

"lint": "eslint --ext .js,.vue src"
"fix": "eslint --ext .js,.vue src --fix"

 上一篇
前端架构-技术负责人与架构 前端架构-技术负责人与架构
技术负责人与架构一、日常工作方向 适当地平衡业务的进度与技术方案。 解决重要、复杂的技术问题。 帮助团队的其他成员成长。 从全局考虑整个项目的技术和业务问题 二、技术架构考虑方面设计软件架构的时候,考虑的不仅是架构技术的方案,还需要包含如
2020-02-18
下一篇 
npm组件发布之element-plugin npm组件发布之element-plugin
element-pluginelement-plugin 是基于element-ui开发的一个以提高编码效率、简化调用方式、提高代码维护性、适配屏幕分辨率、聚合基础组件为宗旨的“中间件”组件。现已开放的可用组件: ElFormDialog
2020-02-10
  目录