使用prettier对代码进行格式化

在创建脚手架/viteapp时勾选使用prettier

1.安装插件

2.勾选设置

3.对prettier进行设置

默认值，可自行修改。

{
  "$schema": "https://json.schemastore.org/prettierrc",
  "semi": false,
  "tabWidth": 2,
  "singleQuote": true,
  "printWidth": 100,
  "trailingComma": "none"
}

这段代码是Prettier代码格式化工具的配置文件的内容，通常存储为.prettierrc或prettier.config.js。Prettier是一个流行的代码格式化工具，用于确保代码的一致性和风格。下面是各个配置项的解释：

• "$schema": 指向Prettier配置文件的JSON Schema定义。这个URL是Schema存储位置，它定义了哪些属性是有效的，以及各属性的数据类型等。这有助于支持JSON Schema的编辑器提供自动完成、类型校验等功能。

• "semi": 设置为false表示在每条语句的末尾不自动添加分号。Prettier会根据这个配置来格式化代码，如果你更倾向于省略分号，这会是一个有用的配置。

• "tabWidth": 设置代码的缩进宽度为2个空格。这个配置影响代码的可读性和布局，2是一个比较常见的选择，因为它既保持了代码的紧凑，也足够清晰。

• "singleQuote": 设置为true表示使用单引号(')而不是双引号(")来包围字符串。这是代码风格的一个选择，不同的团队或项目可能有不同的偏好。

• "printWidth": 设置一行代码的最大长度为100个字符。当代码长度超过这个阈值时，Prettier会尝试换行。这个配置有助于保持代码的可读性，尤其是在小屏幕或分屏编辑时。

• "trailingComma": 设置为"none"表示在对象或数组最后一个元素后面不加逗号。这个配置项也是基于风格偏好的，一些人喜欢在最后一个元素后加上逗号（称为尾后逗号），因为这样在添加新元素时可以减少版本控制中的差异（只增加一行，而不是修改一行加一行）。