Skip to content

Instantly share code, notes, and snippets.

@genesisneo
Last active June 14, 2023 14:51
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save genesisneo/4e98d3c0ad1f3e634f474a32d36b9f12 to your computer and use it in GitHub Desktop.
Save genesisneo/4e98d3c0ad1f3e634f474a32d36b9f12 to your computer and use it in GitHub Desktop.
Prefered settings for Visual Studio Code https://code.visualstudio.com/
// required
code --install-extension emmanuelbeziat.vscode-great-icons
code --install-extension oderwat.indent-rainbow
code --install-extension dbaeumer.vscode-eslint
code --install-extension stylelint.vscode-stylelint
code --install-extension esbenp.prettier-vscode
code --install-extension visualstudioexptteam.vscodeintellicode
code --install-extension VisualStudioExptTeam.intellicode-api-usage-examples
code --install-extension eamodio.gitlens
code --install-extension waderyan.gitblame
// optional
code --install-extension wix.vscode-import-cost
code --install-extension kisstkondoros.vscode-codemetrics
code --install-extension GitHub.copilot
code --install-extension glenn2223.live-sass
{
// exclude files and folders
"files.exclude": {
"**/.git": true,
"**/.next": true,
"**/node_modules": true,
"**/.DS_Store": true
},
"search.exclude": {
"**/.husky": true,
"**/.next": true,
"**.vscode": true,
"**/node_modules": true
},
// system
"breadcrumbs.enabled": true,
"editor.cursorBlinking": "smooth",
"editor.cursorStyle": "line",
"editor.cursorWidth": 1,
"editor.fontFamily": "'Cascadia Code', Menlo, Monaco, 'Courier New', monospace",
"editor.fontLigatures": true,
"editor.fontSize": 12,
"editor.inlineSuggest.enabled": true,
"editor.matchBrackets": "always",
"editor.minimap.enabled": false,
"editor.minimap.renderCharacters": false,
"editor.suggestSelection": "first",
"extensions.autoUpdate": true,
"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
"window.commandCenter": true,
"window.zoomLevel": 0.280,
"workbench.colorTheme": "GitHub Dark",
"workbench.editor.pinnedTabSizing": "compact",
"workbench.iconTheme": "vscode-great-icons",
"workbench.startupEditor": "newUntitledFile",
// project
"editor.detectIndentation": false,
"editor.guides.indentation": true,
"editor.indentSize": 2,
"editor.insertSpaces": true,
"editor.renderControlCharacters": true,
"editor.renderWhitespace": "all",
"editor.tabSize": 2,
"editor.wordWrap": "off",
"explorer.autoReveal": true,
"explorer.openEditors.visible": 0,
"workbench.editor.revealIfOpen": false,
"workbench.list.smoothScrolling": true,
"typescript.check.npmIsInstalled": false,
// EXTENSIONS
// Indent Rainbow
// https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow
"indentRainbow.colors": [
"rgba(255,145,145,0.16)",
"rgba(255,145,230,0.16)",
"rgba(180,145,255,0.16)",
"rgba(145,200,255,0.16)",
"rgba(145,255,240,0.16)",
"rgba(145,255,145,0.16)",
"rgba(255,255,145,0.16)",
"rgba(255,210,145,0.16)"
],
// Prettier
// https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
"prettier.jsxSingleQuote": true,
"prettier.singleQuote": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
// GitHub Copilot
// https://marketplace.visualstudio.com/items?itemName=GitHub.copilot
"github.copilot.enable": {
"*": true,
"yaml": false,
"plaintext": false,
"markdown": false
},
// Live SASS Compiler
// https://marketplace.visualstudio.com/items?itemName=glenn2223.live-sass
"liveSassCompile.settings.forceBaseDirectory": "/styles/",
"[scss]": {
"editor.defaultFormatter": "vscode.css-language-features"
}
}
@cdeutsch
Copy link

cdeutsch commented Apr 9, 2018

Thanks for the indentRainbow.colors!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment