vue中 .prettierrc 配置

最新推荐文章于 2025-05-29 15:12:14 发布

brave211

最新推荐文章于 2025-05-29 15:12:14 发布

阅读量624

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/brave211/article/details/130627405

文章讲述了如何在VSCode中安装Prettier插件并设置js的格式化方案，通过创建.prettierrc配置文件，设置了包括分号使用、箭头函数括号、引号类型、行尾字符、缩进宽度和最大打印宽度等规则。注意注释需要移除以确保配置生效。

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

vscode 安装插件Prettier - Code formatter ，js的格式化方案选择 prettier。
代码中创建.prettierrc 文件，文件中添加如下配置。

 {
 "semi": true, // 使用分号
  "arrowParens": "always",//箭头函数参数括号 默认avoid 可选 avoid| always
  "singleQuote": true, // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号)
  "endOfLine": "auto", // 结尾是 \n \r \n\r auto
  "tabWidth": 4,// 缩进字节数
  "printWidth": 180,// 超过最大值换行
  }

添加之后需要把注释去掉，否则会影响prettier的生效。