Harmonize package manager install / add instructions

[MikeMcC399]

• closes Inconsistent package manager install / add instructions #5764

Issue

Instructions for installing cypress and other npm modules are shown inconsistently throughout the website for npm, pnpm and Yarn package managers.

1. The examples vary; sometimes using a short-form optional flag and sometimes an equivalent long-form:

   npm install cypress -D
   npm install cypress --save-dev

2. Similarly varied is the positioning of an optional flag:

   npm install --save-dev cypress
   npm install cypress --save-dev

Although the different variations are correct, it can be confusing to have examples which are arbitrarily different.

Changes

1. The long-form is used for optional flags, e.g. --save-dev. This makes for better comprehension for readers unfamiliar with the meaning of the alternative short-form optional flag, e.g.

   npm install cypress --save-dev

2. The positioning of optional flags is aligned to the package manager documentation, e.g.

   npm install cypress --save-dev
   yarn add cypress --dev
   pnpm add --save-dev cypress

Historical entries in the Changelog are left unchanged.

References

• npm-install showing -D, --save-dev and save-dev
• yarn add showing yarn add <package...> [--dev/-D]
• pnpm add showing --save-dev, -D

[netlify]

👷 Deploy request for cypress-docs pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	7045154

[netlify]

✅ Deploy Preview for benevolent-cat-040f48 ready!

Name	Link
🔨 Latest commit	7045154
🔍 Latest deploy log	https://app.netlify.com/sites/benevolent-cat-040f48/deploys/66019c37c1392900084a9025
😎 Deploy Preview	https://deploy-preview-5765--benevolent-cat-040f48.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[cypress-app-bot]

• Create a Draft Pull Request if your PR is not ready for review. Mark the PR as Ready for Review when you're ready for a Cypress team member to review the PR.