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:
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
- Live Share
- Live Share Audio
- Gremlins (highlights unwanted characters in code)
- TODO: Highlight
- Open in GitHub
The docs from Microsoft are good here, use them for reference.
-
You will need to set up a visualstudio.com account
-
You will need to have that email added to the vscode extension publishing team.
- Log in to manage users here
-
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'.
-
Change the package.json version number
-
Run
npx vsce publish
Go to TFS settings and add them as someone with rights to package management for extensions.