VS Code 配置 prettier

最新推荐文章于 2025-07-19 21:54:59 发布

威特儿

最新推荐文章于 2025-07-19 21:54:59 发布

阅读量2.5k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：自由文章标签： visual studio code

本文链接：https://blog.csdn.net/K_H_S_D_S_N/article/details/114525840

本文介绍了如何在Visual Studio Code (VS Code)中安装和配置Prettier，包括启用保存时自动格式化、选择Prettier作为默认格式化器、设置配置文件以及提供了官方配置文档链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一，在 VS Code 中安装 Prettier - Code formatter 插件

二，在 file => preferences => settings 中搜索 save ，勾选 Editor: Format On Save // 在保存时格式化

三，在需要格式化的文件上单击右键，选择 Format Document With => 选择 Prettier - Code formatter，或者选择 Format Document => Configure => 选择 Prettier - Code formatter

四，设置配置方法，可以直接在 settings.json 中直接配置在编辑器中。也可以在当前项目根目录创建 .prettierrc 文件，按照官网配置 json 文件的方式配置。

五，官网配置文档 https://prettier.io/docs/en/configuration.html，配置内容可以在网上搜一下。

//setting.json

{
    "prettier.printWidth" : 80, // 超过80字符换行
    "prettier.tabWidth" : 2, // 指定每个缩进级别的空格数
    "prettier.useTabs" : false, // true-使用制表符而不是空格缩进行
    "prettier.semi" : true, // true-在每个语句的末尾添加分号,false-仅在可能引起ASI故障的行首添加分号。     
    "prettier.singleQuote" : true, // true-使用单引号而不是双引号
    "prettier.quoteProps" : "preserve", // "as-needed" -仅在