zephraph / vscode-artsy

A VS Code extension for the Artsy Tech Stacks

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: @zephraph

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

• Styled Components
• Dotenv
• GraphQL
• NPM intellisense
• TSLint
• Prettier
• stylelint
• TypeScript Grammar

React Native

• React Native Tools
• React Native Storybooks
• iOS Common Files

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

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

Adding More People to Deploy

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