Illust
MarketplaceGlobal Art MapBlogTwitter
  • Illust.space
  • .github
    • pull_request_template
  • docs
    • Illust Dev Docs
    • Packages
    • process
    • dev-workflow
      • Deployment
      • Development process
      • Visual Studio Code
    • libraries
      • Storybook
      • Act
      • Aframe
      • Chakra UI
      • Cypress
      • Hosting
      • React Three Fiber
        • Shadows
      • Firebase
        • Firestore
      • zustand
      • Firebase Url Shotener
    • Flows
      • User Sign In
      • Aframe AR Map
  • packages
    • Illust API
    • Illust Marketplace
    • Migrate DB
    • scraper
    • Illust Shared
    • Illust WebAR Discovery App
  • Illust Code Style Guide
    • JavaScript/TypeScript
    • Code Orgainzation
    • React
    • Testing
  • Knowledge Base
    • React
      • Hooks
Powered by GitBook
On this page
  • Extensions
  • Snippets

Was this helpful?

  1. docs
  2. dev-workflow

Visual Studio Code

PreviousDevelopment processNextlibraries

Last updated 3 years ago

Was this helpful?

While any text editor or IDE will work fine for development, VS Code is currently popular. So, here are some useful packages and practices for getting the most out of VS Code.

Extensions

When you first open the project in VS Code, you should get some recommendations of helpful extensions. These are configured in

Snippets

Snippets for common boilerplate like React components and Jest tests are in .code-snippets files in

Particularly useful ones include comp for a new React component, page for a Next.js page, and test for a Jest test.

If you find yourself typing the same boilerplate a lot, it can be helpful to the team to add that as a new snippet!

extensions.json
.vscode