docs: highlight Angular's ng add setup path#2470
docs: highlight Angular's ng add setup path#2470abhijeetnardele24-hash wants to merge 1 commit intotailwindlabs:mainfrom
Conversation
|
@abhijeetnardele24-hash is attempting to deploy a commit to the Tailwind Labs Team on Vercel. A member of the Team first needs to authorize it. |
There was a problem hiding this comment.
Pull request overview
Updates the Angular installation guide to recommend Angular CLI’s ng add tailwindcss automated setup as the primary path, while preserving a manual setup path as fallback.
Changes:
- Adds a new “Install Tailwind CSS automatically” step using
ng add tailwindcss. - Renames the existing install step to “Install Tailwind CSS manually” and adjusts its wording.
- Removes the
--forceflag from the manualnpm installcommand.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| If you're using a recent version of Angular, the easiest way to add Tailwind CSS is with{" "} | ||
| <code>ng add tailwindcss</code>. This installs Tailwind and updates your project configuration for you. If | ||
| you're using an older version of Angular or prefer to set things up yourself, skip this step and follow the | ||
| manual steps below instead. |
There was a problem hiding this comment.
This guide now shows both the ng add tailwindcss flow and the manual setup flow as sequential steps. As written, a reader who runs ng add tailwindcss may still continue into the manual install/configuration steps, which is confusing and may lead to redundant or conflicting setup. Consider explicitly telling users what to do next after ng add (for example, jump directly to the build step), and/or add skip notes on the subsequent manual steps indicating they only apply if you did not run ng add.
| If you're using a recent version of Angular, the easiest way to add Tailwind CSS is with{" "} | ||
| <code>ng add tailwindcss</code>. This installs Tailwind and updates your project configuration for you. If | ||
| you're using an older version of Angular or prefer to set things up yourself, skip this step and follow the |
There was a problem hiding this comment.
Typography is inconsistent with the rest of the framework guides: this paragraph uses straight apostrophes ("you're") while the surrounding copy uses curly apostrophes (e.g., "don’t"). Update to use the same typographic apostrophe style for consistency.
| If you're using a recent version of Angular, the easiest way to add Tailwind CSS is with{" "} | |
| <code>ng add tailwindcss</code>. This installs Tailwind and updates your project configuration for you. If | |
| you're using an older version of Angular or prefer to set things up yourself, skip this step and follow the | |
| If you’re using a recent version of Angular, the easiest way to add Tailwind CSS is with{" "} | |
| <code>ng add tailwindcss</code>. This installs Tailwind and updates your project configuration for you. If | |
| you’re using an older version of Angular or prefer to set things up yourself, skip this step and follow the |
Summary
g add tailwindcss flow
Closes #2452.
Testing