`Visual Studio Code` settings for `React Native`

VisualStudioSetting.md

Visual Studio Code settings for React Native

Extensions

• React Native Tools by Visual Studio Mobile Tools
• Auto Close Tag by Jun Han
• Auto Complete Tag by Jun Han
• Auto Rename Tag by Jun Han
• Babel ES6/ES7 by dzannotti
• Code Spellcheker by Street Side Software
• Color Highlight by Sergii Naumov
• Document This by Jeol Day
• ESLint by Drik Baeumer
• Flow Language Support by flowtype
• Git Blame by Wade Anderson
• Lorem ipsum by Daniel Imms
• Path Intellisense by Christian Kohler
• Peep by nwallace
• Prettier - JavaScript formatter by Esben Petersen
• Rainbow Brackets by 2gua
• SVG Viewer by cssho
• SVN Changes by eliean
• TODO Highlight by Wayou Liu
• vscode-icons by Roberto Huertas

Settings

File => Preferences => Settings or Press CTRL + , to open settings. Paste following code with your design settings.

{
    "editor.tabSize": 2,
    "workbench.iconTheme": "vscode-icons",
    "editor.formatOnSave": true,
    "flow.useNPMPackagedFlow": true,
    // Enable/disable JavaScript validation. (For Flow)
    "javascript.validate.enable": false,
    // Enable/disable default JavaScript formatter (For Prettier)
    "javascript.format.enable": false
}