This extension pack consolidates all of our recommended VS Code extensions. You only need to install this extension, and then all of the other extensions we use will be managed for you.

• State: production
• Production: VS Code Marketplace
• Point People: @MounirDhahri

Install it from the marketplace, or you can install it from the CLI:

code --install-extension Artsy.artsy-studio-extension-pack

The only thing that really matters here is the package.json. As we can't have comments in the file, here is the list of extensions:

• Styled Components
• Dotenv
• GraphQL
• Relay
• NPM intellisense
• ESLint
• Prettier
• stylelint
• TypeScript Grammar
• Pretty TypeScript Errors

• React Native Tools

• Danger
• Ruby
• Rubocop

• Elixir

• Live Share
• Live Share Audio
• Gremlins (highlights unwanted characters in code)
• TODO: Highlight
• Open in GitHub

• Scss
• Stylus

The docs from Microsoft are good here, use them for reference.

1. You will need to set up a visualstudio.com account

2. You will need to have that email added to the vscode extension publishing team.

   1. Log in to manage users here

3. You then log in to the Artsy publisher account, using your personal access token from your visualstudios.com account:

   $ npx vsce login Artsy
   npx: installed 63 in 4.231s
   Personal Access Token for publisher 'Artsy': ****************************************************
   
   Authentication successful. Found publisher 'Artsy Open Source'.

4. Change the package.json version number

5. Run npx vsce publish

1. Connect to mobile@ Visual Studio account.
2. Navigate to the directory of the extension
3. Run npx vsce package. This will create a .vsix file in the root of the extension directory
4. Go to the marketplace. Tap on the Meatballs Icon (...) next to to Artsy Omakase Extension Pack and click Update.
5. Select the .vsix file you just created.

It should take only a few minutes for the extension to be published.

Go to TFS settings and add them as someone with rights to package management for extensions.