自动格式化代码

prettier + eslint

  1. 重置 vscode 的配置,采用.prettierrc 文件
  2. 编写 eslint 规则和.eslintignore
  3. 添加 package.json 的 lint 相关的命令
  4. 增加 prettier-eslint-cli,配置 format 命令
  5. 集成所有命令

prettier-eslin 优先读取 eslint 的配置,如果被禁用那么去读 .prettierrc

demo

// .prettierrc
{
    "trailingComma": "none",
    "tabWidth": 4,
    "semi": true,
    "singleQuote": true,
    "jsxSingleQuote": true,
    "bracketSpacing": false
}
"scripts": {
    "lint": "./node_modules/.bin/eslint .",
    "format": "./node_modules/.bin/prettier-eslint --write \"utils/**/*.js\" \"components/**/*.?(vue|js)\""
},
"husky": {
    "hooks": {
        "pre-commit": "npm run format && git add ."
    }
}

eslint 配置文件参数说明

posted @ 2019-12-05 09:13  小雨小雨丶  阅读(318)  评论(0编辑  收藏  举报