js 格式化prettier配置_代码格式化工具---prettier配置

我自己的常用 prettier 配置如下:

// .prettierrc 文件

// 这里修改的都是与默认值不同的,没有修改到的就是启用默认值

// .prettierrc 文件是使用 json 格式,如果报错了,该配置文件在编辑器里面是不会生效的

{

"bracketSpacing": true,

"printWidth": 160,

"semi": false,

"singleQuote": true

}

其他还可以选择

// prettier.config.js

module.exports = {

"bracketSpacing": true, // 是否在对象属性添加空格,这里选择是 { foo: bar }

"printWidth": 160, // 指定代码换行的行长度。单行代码宽度超过指定的最大宽度,将会换行,如果都不想换,可以添加 "proseWrap": "never"

"semi": false, // 是否在语句末尾打印分号,这里选择不加

"singleQuote": true // 是否使用单引号,这里选择使用

}

// package.json 中的 prettier 属性

{

"prettier": {

"bracketSpacing": true, // 是否在对象属性添加空格,这里选择是 { foo: bar }

"printWidth": 160, // 指定代码换行的行长度。单行代码宽度超过指定的最大宽度,将会换行,如果都不想换,可以添加 "proseWrap": "never"

"semi": false, // 是否在语句末尾打印分号,这里选择不加

"singleQuote": true // 是否使用单引号,这里选择使用

}

}

prettier 配置选项 (官网文档译文)

支持自定义的代码风格,可在CLI和API中使用。

单行代码的最大宽度 Print Width

指定代码换行的行长度。单行代码宽度超过指定的最大宽度,将会换行。

为了便于阅读,官方建议不要使用超过80个字符。我这边设置了160

默认

CLI

API/.prettierrc/prettier.config.js/package.json["prettier"]

80

--print-width

printWidth:

(如果在格式化 Markdown 时不想要换行,可以设置 Prose Wrap (是否换行) 选项以禁用它。)

Tab宽度 Tab Width

指定每个缩进级别的空格数。

默认

CLI

API/.prettierrc/prettier.config.js/package.json["prettier"]

2

--tab-width

tabWidth:

Tab Tabs

使用制表符 (tab) 缩进行而不是空格 (space)。

如果设置了制表符缩进,并且一个缩进单位4个空格,那么编辑器一个 tab 键,出现的间隔就是 "一",一个大横杆

如果设置了空格缩进,并且一个缩进单位4个空格,那么编辑器一个 tab 键,出现的间隔就是 "····",四个小点

上面两个长度单位是一样的,都是4个空格,但是空格缩进,在代码进行空白处选择的时候,是一格格选的,制表符缩进是一下子4格选的

默认

CLI

API/.prettierrc/prettier.config.js/package.json["prettier"]

false

<
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值