vue3学习之路 安装eslint，提高代码的质量和可读性

在Vue 3项目中安装ESLint并设置，可以帮助我们提高代码质量，减少错误，并确保团队代码风格的一致性。以下是安装和配置ESLint的步骤：

1. 在终端中，进入你的Vue 3项目的根目录。
2. 安装ESLint及其推荐的Vue插件：

npm install eslint eslint-plugin-vue --save-dev

3. 初始化ESLint配置文件。ESLint将会创建一个.eslintrc.js文件或者.eslintrc.json文件：

npx eslint --init

4. 在初始化过程中，你可能需要选择一些配置选项，例如你的代码运行环境（如Browser, Node或者都是），你希望使用的模块系统（如CommonJS或ES Modules），以及你想要的代码风格（如Standard或Airbnb）。
5. 如果你想要ESLint在你保存文件时自动运行，你可以安装一个npm脚本或者一个ESLint插件，例如eslint-plugin-prettier和eslint-config-prettier，它们可以帮助你避免不必要的格式冲突：

npm install eslint-plugin-prettier eslint-config-prettier --save-dev

6. 在.eslintrc.js或.eslintrc.json文件中，你可以添加以下配置来确保prettier插件工作：

{
  "extends": ["plugin:prettier/recommended"]
}

7. 在package.json中添加一个npm脚本来运行ESLint：

"scripts": {
  "lint": "eslint --ext .js,.vue src"
}

8. 运行ESLint检查你的代码质量：

npm run lint

这样，你就在Vue 3项目中安装并设置了ESLint，可以帮助你维护代码质量。当你的编辑器支持ESLint插件时（如Visual Studio Code的ESLint插件），它还可以在你编写代码时实时提示问题。