Vue23项目中，如何统一ESLint和Prettier的代码格式化风格指南？

本文共计2022个文字，预计阅读时间需要9分钟。

在Vue2/3项目中，ESLint和Prettier用于代码格式化和风格检查。虽然平时使用VSCode的ESLint+Prettier插件可进行规范检测，但随着项目规模增长，需要统一每个项目的代码规范。以下是代码风格指南摘要：

1. 使用单引号(`'`)代替双引号(``)。

2.对象字面量属性名使用缩写。

3.代码缩进为4个空格。

4.每行代码不超过100个字符。

5.函数参数数量控制在5个以内。

6.变量命名使用驼峰式。

7.常量命名使用大写字母，单词间用下划线分隔。

8.避免使用魔法数字。

9.避免在全局作用域定义变量和函数。

10.使用`const`声明只读变量，使用`let`声明可修改变量。

确保代码符合这些规范，有助于提高代码质量和可维护性。

Vue2/3 项目中的 ESLint + Prettier 代码检测格式化风格指南

因为平时都是使用 VSCode ESLint + Prettier 检测格式化不规范代码，但是随着接手的项目越来越多，需要统一每个项目的代码规范，于是在此分享vue项目的几种代码格式化风格(default,standard,airbnb,prettier)的基本区别以及修改为prettier风格。