Skip to main content

Visual Studio Code

Extensions

  1. Prettier - Code formatter
  2. Github Copilot
  3. GitLens — Git supercharged
  4. Live Server
  5. vscode-icons
  6. ES7+ React/Redux/React-Native snippets
  7. Thunder Client

Setting

Open User Setting
{
"window.zoomLevel": 1,
"workbench.iconTheme": "vscode-icons",
"workbench.sideBar.location": "left",
"terminal.integrated.cursorStyle": "line",
"terminal.integrated.fontFamily": "consolas",
"terminal.integrated.fontWeight": "normal",
"terminal.integrated.cursorBlinking": true,
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"compilerOptions": {
"module": "CommonJS",
"target": "ES6"
},
"exclude": ["node_modules"],
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[mdx]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"explorer.confirmDelete": false,
"javascript.updateImportsOnFileMove.enabled": "always",
"[css]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"explorer.confirmDragAndDrop": false,
"github.copilot.enable": {
"*": true,
"plaintext": false,
"markdown": false,
"scminput": false,
"javascript": false,
"json": true,
"typescriptreact": true,
"html": false,
"jsonc": true
},
"[typescriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.formatOnSave": true,
"editor.mouseWheelZoom": true,
"workbench.colorTheme": "Visual Studio Dark",
"github.copilot.advanced": {},
"editor.minimap.enabled": false,
"errorLens.enabled": true,
"editor.inlineSuggest.suppressSuggestions": true,
"typescript.updateImportsOnFileMove.enabled": "always",
"window.confirmSaveUntitledWorkspace": false,
"emmet.includeLanguages": {
"javascript": "javascriptreact"
},
"workbench.editor.showIcons": true,
"workbench.editor.showTabs": "multiple",
"window.titleBarStyle": "custom",
"window.customTitleBarVisibility": "auto",
"scm.workingSets.enabled": true,
"files.autoSave": "afterDelay",
"vsicons.associations.files": [],
"files.associations": {
"*.css": "tailwindcss"
},
"editor.quickSuggestions": {
"strings": "on"
},
"editor.defaultFormatter": "esbenp.prettier-vscode",
"github.copilot.editor.enableAutoCompletions": true,
"editor.fontLigatures": true,
"css.lint.unknownAtRules": "ignore"
}