jeff-skill-install-prettier
Install prettier. Use when setting up a dev environment, fixing TypeScript and JavaScript formatting issues, or asked to "install prettier", "configure prettier", or "set up code formatting".
安装与使用
请根据来源仓库和你的 AI 工具说明安装此技能。先阅读技能文件和依赖要求,再添加到工作流。
查看来源 ↗使用指南技能说明
Before proceeding, ensure nvm (Node Version Manager) and Node.js are installed using the jeff-skill-install-nodejs skill.
-
Create
.prettierrc.jsonin the project root if it doesn't already exist. -
The content of
.prettierrc.jsonshould at a minimum contain every setting listed below (do not remove any existing setting just ensure these settings all exist and if not add them):{ "printWidth": 120, "singleQuote": true, "semi": true, "tabWidth": 2, "trailingComma": "none", "endOfLine": "lf" } -
Create
.prettierignorein the project root if it doesn't already exist. -
The content of
.prettierignoreshould at a minimum contain every setting listed below (do not remove any existing setting just ensure these settings all exist and if not add them):node_modules dist build coverage -
If a
package.jsonfile exists in the project root, ensureprettier:fixandprettier:checkare listed asscriptscommand, and if these commands don't exist add them."scripts":{ "prettier:fix": "npx prettier --write .", "prettier:check": "npx prettier --check ." } -
If a
package.jsonfile does NOT exist in the project root, create or append to aMakefilewith prettier commands:- If
Makefilealready exists, append the prettier targets to it (only if they don't already exist) - If
Makefiledoesn't exist, create it with the prettier targets
.PHONY: prettier-fix prettier-check prettier-fix: npx prettier --write . prettier-check: npx prettier --check . - If
-
There is no reason to have prettier configuration or dependency (outside of the two
prettier:fixandprettier:checkscript commands in package.json, or the prettier targets in Makefile) inpackage.jsonor any other file. If extra prettier configuration exists inpackage.jsonor any other file, remove it to avoid confusion and ensure all configuration is in.prettierrc.jsonand.prettierignore. This also applies to "nested"package.jsonfiles in subdirectories (for example projects that have aclientorcdkdirectory).
Additional resources
- Refer to the Prettier documentation if you need help: https://prettier.io/docs/
使用示例
查看来源仓库中的使用示例与配置说明。
查看来源 ↗来源历史
- 收录时间
- 2026-03-11
- 索引更新时间
- 2026-03-11
- Branch
- main
收录与同步日期属于本站记录。源码修改历史请查看来源仓库。
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!