VSCode + Artsy

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.

Meta

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

How do I install it?

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

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

What is this repo?

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:

Artsy Studio

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

React Native

• React Native Tools

Ruby

• Danger
• Ruby
• Rubocop

Other Platform Support

• Elixir

Debugging

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

Legacy

• Scss
• Stylus

Deployment

Using the terminal

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

Using the Visual Studio Marketplace

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.

Adding More People to Deploy

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