Recommended
Requirements
Make sure these packages are globally installed so that the extensions can work as intended:
# using npm
npm -g i eslint prettier typescript
# using yarn
yarn global add eslint prettier typescript
Settings.json
{
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"[jsonc]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"[markdown]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[svg]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[xml]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.cursorBlinking": "expand",
"editor.fontFamily": "'JetBrains Mono', Consolas, monospace",
"editor.fontLigatures": false,
"editor.fontSize": 24,
"editor.formatOnPaste": true,
"editor.formatOnSave": true,
"editor.formatOnType": true,
"editor.largeFileOptimizations": false,
"editor.renameOnType": true,
"editor.smoothScrolling": true,
"editor.snippetSuggestions": "inline",
"editor.suggest.insertMode": "replace",
"editor.suggestSelection": "first",
"editor.tabSize": 2,
"emmet.includeLanguages": {
"javascript": "javascriptreact"
},
"emmet.triggerExpansionOnTab": true,
"eslint.packageManager": "yarn",
"extensions.showRecommendationsOnlyOnDemand": true,
"files.associations": {
".all-contributorsrc": "jsonc"
},
"files.autoSave": "afterDelay",
"files.autoSaveDelay": 3000,
"files.eol": "\n",
"files.insertFinalNewline": true,
"files.trimFinalNewlines": true,
"files.trimTrailingWhitespace": true,
"git.autofetch": true,
"gitlens.hovers.currentLine.over": "line",
"gitlens.views.compare.location": "scm",
"gitlens.views.fileHistory.location": "scm",
"gitlens.views.lineHistory.location": "scm",
"gitlens.views.repositories.files.layout": "list",
"gitlens.views.repositories.location": "scm",
"gitlens.views.search.location": "scm",
"javascript.updateImportsOnFileMove.enabled": "always",
"markdown.extension.tableFormatter.normalizeIndentation": true,
"markdown.extension.toc.levels": "2..6",
"markdown.extension.toc.slugifyMode": "github",
"markdown.preview.doubleClickToSwitchToEditor": false,
"material-icon-theme.activeIconPack": "react",
"material-icon-theme.showWelcomeMessage": false,
"npm.packageManager": "yarn",
"path-intellisense.showHiddenFiles": true,
"prettier.packageManager": "yarn",
"prettier.resolveGlobalModules": true,
"search.quickOpen.includeSymbols": true,
"search.showLineNumbers": true,
"telemetry.enableTelemetry": false,
"terminal.integrated.cursorBlinking": true,
"terminal.integrated.cursorStyle": "line",
"terminal.integrated.inheritEnv": false,
"typescript.locale": "en",
"typescript.preferences.quoteStyle": "single",
"typescript.surveys.enabled": false,
"typescript.updateImportsOnFileMove.enabled": "always",
"update.showReleaseNotes": false,
"vsintellicode.modify.editor.suggestSelection": "choseToUpdateConfiguration",
"window.title": "${activeEditorLong}${separator}${rootName} ${dirty}",
"window.zoomLevel": 1,
"workbench.activityBar.visible": true,
"workbench.colorTheme": "GitHub Dark",
"workbench.enableExperiments": false,
"workbench.iconTheme": "material-icon-theme",
"workbench.sideBar.location": "right",
"workbench.startupEditor": "none"
}
License
🄯 2020 Febriansyah
Inspired From SurabayaJS Extension Pack
