development:tools:flutter_development_machine:vscode_setup:start [Questwork's Wiki]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

====== Visual Studio Code Setup ======

Download Visual Studio Code at [[http://code.visualstudio.com|Visual Studio Code]]

===== User Settings =====
  * Go to ''Preferences > Settings''
{{:development:tools:flutter_development_machine:vscode_setup:visual_studio_setup_1.png|}}
  * Click on any ''Edit in settings.json''
{{:development:tools:flutter_development_machine:vscode_setup:visual_studio_setup_2.png|}}
  * Copy the following and save the file

<code>
{
  "dart.previewFlutterUiGuides": true,
  "editor.wordWrap": "on",
  "editor.renderWhitespace": "boundary",
  "editor.tabSize": 2,
  "editor.insertSpaces": true,
  "editor.detectIndentation": false,
  "editor.suggestSelection": "first",
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue"
  ],
  "files.autoSave": "onFocusChange",
  "files.eol": "\n",
  "files.insertFinalNewline": true,
  "window.zoomLevel": 1,
  "workbench.startupEditor": "newUntitledFile"
}
</code>

===== Install Extensions =====
  * [[https://marketplace.visualstudio.com/items?itemName=Dart-Code.dart-code|Dart]]
  * [[https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter|Flutter]]
  * [[https://marketplace.visualstudio.com/items?itemName=mathiasfrohlich.Kotlin|Kotlin Language]]
  * [[https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme|Material Icon Theme (File Icon Theme)]]