配置Prettier

Prettier 是用来格式化文件 ctrl + shift + F

1. 安装Prettier - Code formatter

2. 配置.prettierrc.js

module.exports = {
  trailingComma: 'es5',
  tabWidth: 4,
  semi: true,
  singleQuote: true,
};

3. ctrl + shift + F 格式化文件，如果没有生效，重新加载下Prettier插件！

4. 使用ESLint运行Prettier
   需要使用eslint-plugin-prettier来添加Prettier作为ESLint的规则配置。

• 安装npm install --save-dev eslint-plugin-prettier
• 配置.eslintrc.js

module.exports = {
  "plugins": ["prettier"],
  "rules": {
    "prettier/prettier": "error"
  }
}

5.如果eslintrc配置的rules与Prettier配置的rules冲突

• 安装 npm install --save-dev eslint-config-prettier
• 配置.eslintrc.js

module.exports = {
  "extends": ["prettier"]
  "plugins": ["prettier"],
  "rules": {
    "prettier/prettier": "error"
  }
}