Opinionated User extensions list - (10-June-2020)

adamwalzer.scss-lint
alefragnani.project-manager
andrejunges.Handlebars
Arjun.swagger-viewer
azemoh.one-monokai
ChakrounAnas.turbo-console-log
christian-kohler.path-intellisense
Dart-Code.dart-code
Dart-Code.flutter
dbaeumer.vscode-eslint
dzannotti.vscode-babel-coloring
eamodio.gitlens
eg2.tslint
esbenp.prettier-vscode
freebroccolo.reasonml
jaredly.reason-vscode
jasonnutter.search-node-modules
jpoissonnier.vscode-styled-components
mgmcdermott.vscode-language-babel
mikestead.dotenv
ms-python.python
naumovs.color-highlight
naumovs.theme-oceanicnext
Orta.vscode-ios-common-files
pnp.polacode
QassimFarid.ejs-language-support
redhat.vscode-yaml
ritwickdey.LiveServer
tht13.html-preview-vscode
vscode-icons-team.vscode-icons
waderyan.babelrc
waderyan.gitblame
WallabyJs.quokka-vscode
wayou.vscode-todo-highlight
xabikos.ReactSnippets

Opinionated User Settings JSON - (10-June-2020)

{
  "window.zoomLevel": 0,
  "editor.renderWhitespace": "all",
  "editor.formatOnSave": true,
  "editor.tabCompletion": "on",
  "javascript.validate.enable": false,
  "javascript.format.enable": false,
  "files.associations": {
    "*.js": "javascriptreact",
    "*.tsx": "typescriptreact",
    ".env.alpha": "dotenv",
    ".env.beta": "dotenv",
    ".env.gamma": "dotenv",
    ".env.prod": "dotenv",
    ".env.demo": "dotenv",
    "*.json": "jsonc",
    ".eslintrc": "jsonc"
  },
  "eslint.options": { "configFile": "./.eslintrc" },
  "tslint.alwaysShowStatus": true,
  "gitlens.keymap": "alternate",
  "[handlebars]": {
    "editor.formatOnSave": false
  },
  "tslint.autoFixOnSave": true,
  "typescript.tsdk": "node_modules/typescript/lib",
  "javascript.implicitProjectConfig.experimentalDecorators": true,
  "git.confirmSync": false,
  "prettier.printWidth": 80,
  "prettier.disableLanguages": ["yaml"],
  "todohighlight.keywords": [
    {
      "text": "NOTE:",
      "color": "white",
      "borderRadius": "2px", //NOTE: using borderRadius along with `border` or you will see nothing change
      "backgroundColor": "green",
      "overviewRulerColor": "grey"
    },
    {
      "text": "HACK:",
      "color": "white",
      "borderRadius": "2px", //NOTE: using borderRadius along with `border` or you will see nothing change
      "backgroundColor": "red",
      "isWholeLine": false
    },
    {
      "text": "TODO:",
      "color": "white",
      "borderRadius": "2px", //NOTE: using borderRadius along with `border` or you will see nothing change
      "backgroundColor": "orange"
      //other styling properties goes here ...
    }
  ],
  "vsicons.dontShowNewVersionMessage": true,
  "update.channel": "default",
  "update.enableWindowsBackgroundUpdates": true,
  "workbench.panel.defaultLocation": "right",
  "terminal.integrated.rendererType": "dom",
  "javascript.updateImportsOnFileMove.enabled": "always",
  "eslint.alwaysShowStatus": true,
  "editor.wordWrap": "on",
  "javascript.autoClosingTags": false,
  "liveServer.settings.donotVerifyTags": true
}

# Command to install all at once:


code --install-extension adamwalzer.scss-lint --install-extension alefragnani.project-manager --install-extension andrejunges.Handlebars --install-extension Arjun.swagger-viewer --install-extension azemoh.one-monokai --install-extension ChakrounAnas.turbo-console-log --install-extension christian-kohler.path-intellisense --install-extension Dart-Code.dart-code --install-extension Dart-Code.flutter --install-extension dbaeumer.vscode-eslint --install-extension dzannotti.vscode-babel-coloring --install-extension eamodio.gitlens --install-extension eg2.tslint --install-extension esbenp.prettier-vscode --install-extension freebroccolo.reasonml --install-extension jaredly.reason-vscode --install-extension jasonnutter.search-node-modules --install-extension jpoissonnier.vscode-styled-components --install-extension mgmcdermott.vscode-language-babel --install-extension mikestead.dotenv --install-extension ms-python.python --install-extension naumovs.color-highlight --install-extension naumovs.theme-oceanicnext --install-extension Orta.vscode-ios-common-files --install-extension pnp.polacode --install-extension QassimFarid.ejs-language-support --install-extension redhat.vscode-yaml --install-extension ritwickdey.LiveServer --install-extension tht13.html-preview-vscode --install-extension vscode-icons-team.vscode-icons --install-extension waderyan.babelrc --install-extension waderyan.gitblame --install-extension WallabyJs.quokka-vscode --install-extension wayou.vscode-todo-highlight --install-extension xabikos.ReactSnippets

Unopinionated User extensions list - (10-June-2020)

# To install all the extensions below, run this command in your vscode terminal 

code --install-extension adamwalzer.scss-lint --install-extension alefragnani.project-manager 
--install-extension azemoh.one-monokai --install-extension christian-kohler.path-intellisense 
--install-extension dbaeumer.vscode-eslint --install-extension dzannotti.vscode-babel-coloring 
--install-extension eamodio.gitlens --install-extension eg2.tslint --install-extension esbenp.prettier-vscode 
--install-extension jasonnutter.search-node-modules --install-extension jpoissonnier.vscode-styled-components 
--install-extension mikestead.dotenv --install-extension naumovs.color-highlight 
--install-extension QassimFarid.ejs-language-support 
--install-extension vscode-icons-team.vscode-icons 
--install-extension waderyan.babelrc --install-extension waderyan.gitblame 
--install-extension wayou.vscode-todo-highlight --install-extension mgmcdermott.vscode-language-babel --install-extension xabikos.ReactSnippets

// The below Extensions will be installed 

adamwalzer.scss-lint
alefragnani.project-manager
azemoh.one-monokai
christian-kohler.path-intellisense
dbaeumer.vscode-eslint
dzannotti.vscode-babel-coloring
eamodio.gitlens
eg2.tslint
esbenp.prettier-vscode
jasonnutter.search-node-modules
jpoissonnier.vscode-styled-components
mikestead.dotenv
naumovs.color-highlight
QassimFarid.ejs-language-support
vscode-icons-team.vscode-icons
waderyan.babelrc
waderyan.gitblame
wayou.vscode-todo-highlight
mgmcdermott.vscode-language-babel
xabikos.ReactSnippets

Unopinionated User setings.json - 10-June-2020

{
  "window.zoomLevel": 0,
  "editor.renderWhitespace": "all",
  "editor.formatOnSave": true,
  "editor.tabCompletion": "on",
  "javascript.validate.enable": false,
  "javascript.format.enable": false,
  "files.associations": {
    "*.js": "javascriptreact",
    "*.tsx": "typescriptreact",
    ".env.alpha": "dotenv",
    ".env.beta": "dotenv",
    ".env.gamma": "dotenv",
    ".env.prod": "dotenv",
    ".env.demo": "dotenv",
    "*.json": "jsonc",
    ".eslintrc": "jsonc"
  },
  "eslint.options": { "configFile": "./.eslintrc" },
  "tslint.alwaysShowStatus": true,
  "gitlens.keymap": "alternate",
  "tslint.autoFixOnSave": true,
  "typescript.tsdk": "node_modules/typescript/lib",
  "javascript.implicitProjectConfig.experimentalDecorators": true,
  "git.confirmSync": false,
  "prettier.printWidth": 80,
  "prettier.disableLanguages": ["yaml"],
  "todohighlight.keywords": [
    {
      "text": "NOTE:",
      "color": "white",
      "borderRadius": "2px", //NOTE: using borderRadius along with `border` or you will see nothing change
      "backgroundColor": "green",
      "overviewRulerColor": "grey"
    },
    {
      "text": "HACK:",
      "color": "white",
      "borderRadius": "2px", //NOTE: using borderRadius along with `border` or you will see nothing change
      "backgroundColor": "red",
      "isWholeLine": false
    },
    {
      "text": "TODO:",
      "color": "white",
      "borderRadius": "2px", //NOTE: using borderRadius along with `border` or you will see nothing change
      "backgroundColor": "orange"
      //other styling properties goes here ...
    }
  ],
  "vsicons.dontShowNewVersionMessage": true,
  "update.channel": "default",
  "update.enableWindowsBackgroundUpdates": true,
  "workbench.panel.defaultLocation": "right",
  "terminal.integrated.rendererType": "dom",
  "workbench.colorTheme": "Oceanic Next (dimmed bg)",
  "javascript.updateImportsOnFileMove.enabled": "always",
  "eslint.alwaysShowStatus": true
}

Also we can add below extensions anna.

• https://copilot.github.com/
• https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss