@aaron-zon/prettier-config
Advanced tools
+55
| # @aaron-zon/prettier-config[](https://www.npmjs.com/package/@aaron-zon/prettier-config) | ||
| Prettier config. | ||
| Prettier是进行代码美化的一种方式 | ||
| 使用此配置包可以让代码根据编辑的规则进行美化 | ||
| - 单行最大文字数 80 | ||
| - tab填充空格数 4 | ||
| - 结尾添加分号 | ||
| - 使用单引号 | ||
| - jsx使用单引号 | ||
| - 对象中括号与文字之间填充空格 | ||
| - 标签多行时结尾>换行 | ||
| - 箭头函数 参数在唯一时也包含在括号中 | ||
| ## 安装 | ||
| ```bash | ||
| npm i -D prettier prettier-config | ||
| or | ||
| pnpm i -D prettier prettier-config | ||
| ``` | ||
| ## 使用手动美化 | ||
| 1.在项目package.json的scripts中写入新的命令 | ||
| ```json | ||
| "lint": "prettier --write \"src/**/*.{js,ts,json,tsx,css,less,scss,vue,html,md}\"" | ||
| ``` | ||
| 2.在需要进行代码美化的时机执行此命令 | ||
| ```bash | ||
| npm run lint | ||
| ``` | ||
| ## 使用自动美化 | ||
| 1.在项目根目录 .vscode 文件夹下创建settings.json文件 | ||
| 2.在settings.json中写入以下内容 | ||
| ```json | ||
| { | ||
| "editor.formatOnSave": true | ||
| } | ||
| ``` | ||
| 3.在编写代码后进行保存ctrl + s,代码会自动进行美化 | ||
| ## 参考 | ||
| - https://github.com/sxzz/prettier-config | ||
+1
-1
| { | ||
| "name": "@aaron-zon/prettier-config", | ||
| "version": "1.0.3", | ||
| "version": "1.0.4", | ||
| "description": "", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
No README
QualityPackage does not have a README. This may indicate a failed publish or a low quality package.
2244
124.62%3
50%1
-50%56
Infinity%