Hit the dev ground running with this vscode config file, and list of useful extensions

primo-vscode-setup.txt

vscode user settings:
{
  "git.ignoreMissingGitWarning": true,
  "sync.gist": "",
  "sync.autoDownload": true,
  "sync.autoUpload": true,
  "sync.forceDownload": false,
  "sync.quietSync": false,
  "sync.askGistName": false,
  "sync.removeExtensions": true,
  "sync.syncExtensions": true,
  "workbench.startupEditor": "newUntitledFile",
  "files.eol": "\n",
  "editor.cursorBlinking": "solid",
  //lint
  "editor.formatOnSave": true,
  "explorer.confirmDragAndDrop": false,
  "explorer.confirmDelete": false,
  "eslint.autoFixOnSave": false,
  "eslint.packageManager": "yarn",
  "prettier.eslintIntegration": true,
  "prettier.stylelintIntegration": true,
  "prettier.tslintIntegration": true,
  "css.validate": false,
  "less.validate": false,
  "scss.validate": false,
  //fonts: https://github.com/tonsky/FiraCode#solution,
  "editor.fontFamily": "Fira Code",
  "editor.fontLigatures": true,
  //indents
  "editor.detectIndentation": true,
  "editor.insertSpaces": true,
  "editor.autoIndent": true,
  //flow
  //"javascript.validate.enable": false,
  //"flow.useNPMPackagedFlow": true,
  //minimap
  "editor.minimap.showSlider": "always",
  "window.zoomLevel": -1,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "editor.renderWhitespace": "all",
  "files.autoSave": "off",
  "workbench.iconTheme": "vscode-icons",
  "workbench.statusBar.feedback.visible": false,
  "vsicons.dontShowNewVersionMessage": true,
  "breadcrumbs.enabled": true
}


extensions:
Beautify css/sass/scss/less
Bracket Pair Colorizer
Debugger for Chrome
ESLint
GraphQL for VSCode
Image preview
Import Cost
npm
npm Intellisense
Prettier - Code formatter
Settings Sync
vscode-icons
vscode-styled-components
XML Tools