Set-up for using MVP Design Library

To do the npm install correctly, you have to set up your system to install the mvp design libraries.

Initial Setup

npx vsts-npm-auth -config .npmrc

This will set up a local .npmrc file in your users directory (e.g. C:\users<username>.npmrc). This is needed for the @mvp registry. Note the file location.

Set up .npmrc local credentials in Windows

• Navigate to the latest design system artifact in ADO: https://tfs.hq.mvphealthcare.com/tfs/MVP/IT%20Shared/_packaging?_a=package&feed=MvpSharedLibraries&package=%40mvp%2Fdesign-system&protocolType=Npm&view=overview
• Copy the npm command next to 'Connect to Feed' and paste it somewhere. You'll need that command and you can't navigate backwards after the next step.
• Click 'Connect to Feed'
• Click npm
• Click the Other tab, follow the directions
• On step 2, click the 'Generate a Personal Access Token' link and copy the credentials.
  • Note: name must be lower case and not include spaces
• Edit your local .npmrc file (should be in C:/Users/x/.npmrc) and paste in the credentials. Do not 'uncomment' anything; the double-slashes have meaning.

Run

`npm adduser'

You'll be prompted for your credentials. It won't accept anything you type for password. Somehow get it to move past password to prompt for email. It will send an email with a password. Use that password at the next prompt.

npm install

This should download both packages from the npm registry, as well as the @mvp registry.

Run the npm command you copied from the first page

npm install @mvp/[email protected]