Mac创建.prettierrc文件详解Mac开启显示隐藏文件的方法

• vscode下载扩展 Prettier-Code formatter 作者是 Prettier

• 配置，复制到setting.json里

• 还有一个.prettierrc文件放到window上

• "prettier.configPath":"C:\\用户\\xxx.prettierrc",

1. 打开任意一个编辑器vscode创建.prettierrc文件，然后在文件中编写规则

{
  "useTabs": false,
  "tabWidth": 2,
  "printWidth": 80,
  "singleQuote": true,
  "trailingComma": "none",
  "semi": false
}

配置.prettierrc文件：
useTabs：使用tab缩进还是空格缩进，选择false；使用空格代替tab缩进
tabWidth：tab是空格的情况下，是几个空格，选择2个；
printWidth：当行字符的长度，推荐80，也有人喜欢100或者120；
singleQuote：使用单引号还是双引号，选择true，使用单引号；
trailingComma：在多行输入的尾逗号是否添加，设置为 none；
semi：语句末尾是否要加分号，默认值true，选择false表示不加；

"bracketSameLine": true,
如果 > 括号另起一行，可以尝试在上面添加这个命令

这个文件.prettierrc在我的mac 的path是/Users/ying/.prettierrc

2. 找到刚才创建的文件，由于mac会自动隐藏“•”开头的文件，如果文件找不到，可以在终端输入指令 显示隐藏文件。然后拖拽或者复制到mac根目录，就是下方小房子图标目录。

在某些时候，比如想直接修改没文件名，直接.开头的文件名时，可能会提示

您不能使用以点“.”开头的名称,因为这些名称已被系统预留。请选取其他名称。

解决方法就是macOS开启显示隐藏文件

打开终端,输入，回车键执行

defaults write com.apple.finder AppleShowAllFiles -boolean true ; killall Finder

关闭显示隐藏文件的方法（操作方法同上）

defaults write com.apple.finder AppleShowAllFiles FALSE ; killall Finder

3. 在vscode中引入这个文件的路径 “/Users/xxxxx/.prettierrc”，注意这里的 xxxx 就是你小房子文件夹的名字。