eslint+stylelint+prettier全流程配置

在项目中配置eslint、stylelint和prettier可以确保代码的一致性和质量。以下是一个基本的配置步骤和示例配置：

1. 安装必要的包：

npm install --save-dev eslint eslint-plugin-prettier eslint-config-prettier eslint-plugin-import eslint-plugin-node eslint-plugin-promise eslint-plugin-standard stylelint stylelint-config-standard

2. 创建.eslintrc.js配置文件：

module.exports = {
  extends: [
    'eslint:recommended',
    'plugin:import/errors',
    'plugin:import/warnings',
    'plugin:node/recommended',
    'plugin:promise/recommended',
    'standard',
    'prettier'
  ],
  rules: {
    // 在这里添加或覆盖 ESLint 规则
  }
};

3. 创建.stylelintrc.js配置文件：

{
  "extends": "stylelint-config-standard",
  "rules": {
    // 在这里添加或覆盖 Stylelint 规则
  }
}

4. 创建.prettierrc配置文件：

{
  "semi": false,
  "singleQuote": true,
  "trailingComma": "es5",
  "printWidth": 80,
  "tabWidth": 2,
  "useTabs": false,
  "endOfLine": "auto"
}

5. 在package.json中添加脚本：

{
  "scripts": {
    "lint": "eslint . --ext .js,.vue && stylelint '**/*.{css,scss,sass}'",
    "format": "prettier --write ."
  }
}

运行npm run lint来检查代码问题，运行npm run format来格式化代码。

这个配置提供了基本的代码质量检查和格式化工具，你可以根据项目需求进一步自定义配置。