搜索

PythonReactSEOPDF
GitHub Skill

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".

jbaranski☆ 0 仓库 Stars0 仓库 Forks

安装与使用

请根据来源仓库和你的 AI 工具说明安装此技能。先阅读技能文件和依赖要求,再添加到工作流。

查看来源 ↗使用指南

技能说明

Before proceeding, ensure nvm (Node Version Manager) and Node.js are installed using the jeff-skill-install-nodejs skill.

  1. Create .prettierrc.json in the project root if it doesn't already exist.

  2. The content of .prettierrc.json should 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"
    }
    
  3. Create .prettierignore in the project root if it doesn't already exist.

  4. The content of .prettierignore should 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
    
  5. If a package.json file exists in the project root, ensure prettier:fix and prettier:check are listed as scripts command, and if these commands don't exist add them.

     "scripts":{
       "prettier:fix": "npx prettier --write .",
       "prettier:check": "npx prettier --check ."
     }
    
  6. If a package.json file does NOT exist in the project root, create or append to a Makefile with prettier commands:

    • If Makefile already exists, append the prettier targets to it (only if they don't already exist)
    • If Makefile doesn't exist, create it with the prettier targets
    .PHONY: prettier-fix prettier-check
    
    prettier-fix:
    	npx prettier --write .
    
    prettier-check:
    	npx prettier --check .
    
  7. There is no reason to have prettier configuration or dependency (outside of the two prettier:fix and prettier:check script commands in package.json, or the prettier targets in Makefile) in package.json or any other file. If extra prettier configuration exists in package.json or any other file, remove it to avoid confusion and ensure all configuration is in .prettierrc.json and .prettierignore. This also applies to "nested" package.json files in subdirectories (for example projects that have a client or cdk directory).

Additional resources

使用示例

查看来源仓库中的使用示例与配置说明。

查看来源 ↗

来源历史

收录时间
2026-03-11
索引更新时间
2026-03-11
Branch
main

收录与同步日期属于本站记录。源码修改历史请查看来源仓库。

GitHub ↗

chat Comments (0)

chat_bubble_outline

No comments yet. Be the first to share your thoughts!