ESLint + Stylelint + VSCode一键快速格式化代码，提高开发效率！

2024-01-03 21:22:53

前言

在软件开发过程中，代码格式化是一个非常重要的环节。它不仅可以使代码更加美观、易读，还可以帮助我们避免一些潜在的错误。目前，有很多代码格式化工具可供选择，其中ESLint和Stylelint是最受欢迎的两个。

ESLint是一个用于检查JavaScript代码格式的工具，它可以帮助我们发现代码中的一些语法错误和潜在问题。Stylelint是一个用于检查CSS代码格式的工具，它可以帮助我们发现代码中的一些样式错误和潜在问题。

使用ESLint和Stylelint进行代码格式化

1. 安装ESLint和Stylelint

首先，我们需要在项目中安装ESLint和Stylelint。可以使用以下命令：

npm install eslint --save-dev
npm install stylelint --save-dev

2. 配置ESLint和Stylelint

在项目根目录下创建.eslintrc.js文件，用于配置ESLint。内容如下：

module.exports = {
  "extends": ["eslint:recommended"],
  "rules": {
    "indent": ["error", 2],
    "semi": ["error", "always"],
    "quotes": ["error", "single"]
  }
};

在项目根目录下创建.stylelintrc.js文件，用于配置Stylelint。内容如下：

module.exports = {
  "extends": ["stylelint:recommended"],
  "rules": {
    "indentation": 2,
    "selector-max-compound-selectors": 3,
    "selector-max-specificity": 0
  }
};