2021-04-14

eslint 自动修复

现在写项目一般都要用到eslint规范代码格式，但是在开发阶段要时刻注意空格，缩进，分号也是挺影响效率的，所以需要用eslint 的自动修复命令。

在package.json中的命令 "lint": "eslint --ext .js,.vue src test/unit” 改成 "lint": "eslint --fix --ext .js,.vue src test/unit” ，在出现warning时 执行 npm run lint 就可以自动修复了，当然error是不能修复的，还是需要手动解决。

转载于:https://www.cnblogs.com/lijianjian/p/10757535.html

我的项目中是这样的

"scripts": {
    "start": "cross-env ESLINT=none roadhog dev",
    "dev": "cross-env ESLINT=none BROWSER=none PORT=8021 HOST=vue.sf-express.com roadhog dev",
    "build": "cross-env NODE_OPTIONS=--max-old-space-size=4096 ESLINT=none roadhog build",
    "start:no-proxy": "cross-env  NO_PROXY=true ESLINT=none roadhog dev",
    "site": "roadhog-api-doc static && gh-pages -d dist",
    "analyze": "cross-env NODE_OPTIONS=--max-old-space-size=4096 ANALYZE=true ESLINT=none roadhog build",
    "lint:style": "stylelint \"src/**/*.less\" --syntax less",
    "lint": "eslint --ext .js src mock && npm run lint:style",
    "lint:fix": "eslint --fix --ext .js src mock && npm run lint:style",
    "lint-staged": "lint-staged",
    "lint-staged:js": "eslint --ext .js",
    "test:component": "roadhog test ./src/components",
    "test:all": "node ./tests/run-tests.js",
    "test": "jest",
    "test:coverage": "jest --coverage",
    "commitmsg": "validate-commit-msg"
  },

报了一堆的error,看来这个懒是偷不成了，只能一个一个改了。不过挺奇怪的是，这个代码里面没有使用的引入项颜色和正常有使用的是一样的，需要再看下是哪个插件没有引入。