代码格式化prettier

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
#### 代码格式化prettier
不依赖当前工具配置,也可以对代码进行格式化;
npm install prettier -D
配置Prettierrc
useTabes: 使用tab缩进
tabwidth: tab空格是几个
printWidth: 单行字符的长度
singQuote: 使用单引号还是双引号
trailingComma: 在多行输入的尾部逗号是否添加
semi:语句末尾是否加分号
 
1. 保持文件时,自动格式化--是编辑器的功能--也会读取项目.prettierrc中的配置
 
注意:vscode设置
Editor: Default Formatter
定义一个默认格式化程序, 该格式化程序优先于所有其他格式化程序设置。必须是提供格式化程序的扩展的标识符
"editor.formatOnSave": true
Editor: Format On Save
在保存时格式化文件。格式化程序必须可用,延迟后文件不能保存,并且编辑器不能关闭
 
2.依赖的配置需要-运行命令
配置
"prettier": "prettier --write ."<br><br><em id="__mceDel">npm run prettier</em><em id="__mceDel"><em id="__mceDel">
3. 创建prettierignore忽略文件
</em></em>

  .prettierrc

{
  "useTabs": false,
  "tabWidth": 2,
  "printWidth": 80,
  "singleQuote": true,
  "trailingComma": "none",
  "semi": false
}
.prettierignore
/build/*
.local
.output.js
/node_modules/**

**/*.svg
**/*.sh

/public/*
posted @   小白咚  阅读(297)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示