setup-vscode.mo

Owner: Yann Leflour

Steps

Installation

Download and Install Vscode

Base Setup

1. The code command

• Hit cmd+shift+p

• Select Shell Command: Install command 'code' in PATH

• You are now able to launch code <path> in your terminal

2. Base plugins

Open the plugins menu and install:

• ESLint (Dirk Baeumer)

• Flow Language Support (flowtype)

• npm Intellisense (Christian Kohler)

• Path Intellisense (Christian Kohler)

• Prettier (Esben Petersen)

• React Native Tools (Visual Studio Mobile Tools)

• Auto Close Tag (Jun Han)

• Git Lens (Eric Amodio)

• Jest (Orta)

• Color Highlight (Sergii Naumov)

• Version Lens (pflannery)

3. Base preferences

• Hit cmd+shift+p

• Select Preferences: Open User Settings

• Add the following:

  "editor.tabSize": 2,
  "editor.formatOnSave": true,
  "files.insertFinalNewline": true,
  "flow.useNPMPackagedFlow": true,
  "workbench.iconTheme": "vs-seti",
  "files.associations": {
  "Fastfile": "ruby"
  }

4. Usefull Project preferences

• Hit cmd+shift+p

• Select Preferences: Open Workspace Settings

• Add the following:

  • For a react project with Flow "javascript.validate.enable": false