前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >快速上手Vue开发:Prettier代码格式化配置详解

快速上手Vue开发:Prettier代码格式化配置详解

作者头像
程序员云帆哥
发布2023-08-24 11:23:35
5520
发布2023-08-24 11:23:35
举报
文章被收录于专栏:程序员云帆哥程序员云帆哥

一、简介

  Prettier,前端代码格式化工具。

二、配置

代码语言:javascript
复制
module.exports = {
  // 指定最大换行长度,默认80
  printWidth: 130,
  // 指定缩进空格数,默认2
  tabWidth: 2,
  // 使用制表符而不是空格缩进行,默认false
  useTabs: false,
  // 在语句末尾添加分号,默认true
  semi: true,
  // 使用单引号而不是双引号,默认false
  singleQuote: false,
  // 多行时尽可能打印尾随逗号,可选值<es5|none|all>,默认es5
  trailingComma: "none",
  // 对象字面量中括号之间的空格,默认true
  bracketSpacing: true,
  // 将 > 多行元素放在最后一行的末尾,而不是单独放在下一行,默认false
  bracketSameLine: true,
  // (x) => {} 箭头函数参数只有一个时是否要有小括号,可选值<always|avoid>
  arrowParens: "avoid",
  // 行尾换行符,可选值<lf|crlf|cr|auto>,默认lf
  endOfLine: "lf"
};
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2023-08-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、简介
  • 二、配置
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档