> For the complete documentation index, see [llms.txt](https://bamtech.gitbook.io/dev-standards/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bamtech.gitbook.io/dev-standards/editors/vscode/setup-vscode.mo.md).

# setup-vscode.mo

## Owner: [Yann Leflour](https://github.com/yleflour)

## Steps

### Installation

Download and Install [Vscode](https://code.visualstudio.com/)

### 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)*](https://marketplace.visualstudio.com/items?itemName=pflannery.vscode-versionlens)

#### 3. Base preferences

* Hit `cmd+shift+p`
* Select `Preferences: Open User Settings`
* Add the following:

  ```javascript
  "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`