Skip to content

Instantly share code, notes, and snippets.

@guilhermerodz
Last active April 11, 2024 18:59
Show Gist options
  • Save guilhermerodz/7c64858a74829a6d9713963f0f901190 to your computer and use it in GitHub Desktop.
Save guilhermerodz/7c64858a74829a6d9713963f0f901190 to your computer and use it in GitHub Desktop.
VSCode setup
// This configuration file allows you to pass permanent command line arguments to VS Code.
// Only a subset of arguments is currently supported to reduce the likelyhood of breaking
// the installation.
//
// PLEASE DO NOT CHANGE WITHOUT UNDERSTANDING THE IMPACT
//
// NOTE: Changing this file requires a restart of VS Code.
{
// Use software rendering instead of hardware accelerated rendering.
// This can help in cases where you see rendering issues in VS Code.
"disable-hardware-acceleration": true,
// Enabled by default by VS Code to resolve color issues in the renderer
// See https://github.com/Microsoft/vscode/issues/51791 for details
"disable-color-correct-rendering": true
}
code --install-extension adpyke.codesnap &&
code --install-extension CoenraadS.bracket-pair-colorizer &&
code --install-extension dbaeumer.vscode-eslint &&
code --install-extension EditorConfig.EditorConfig &&
code --install-extension esbenp.prettier-vscode &&
code --install-extension johnpapa.vscode-peacock &&
code --install-extension jpoissonnier.vscode-styled-components &&
code --install-extension kamikillerto.vscode-colorize &&
code --install-extension mikestead.dotenv &&
code --install-extension ms-vsliveshare.vsliveshare &&
code --install-extension Perkovec.emoji &&
code --install-extension PKief.material-icon-theme &&
code --install-extension ricardo-emerson.create-react-tsx-component &&
code --install-extension ritwickdey.LiveServer &&
code --install-extension rocketseat.rocketseatreactjs &&
code --install-extension rocketseat.rocketseatreactnative &&
code --install-extension rocketseat.theme-omni
// Place your key bindings in this file to override the defaultsauto[]
[
{
"key": "ctrl+shift+i",
"command": "editor.action.formatDocument",
"when": "editorHasDocumentFormattingProvider && editorHasDocumentFormattingProvider && editorTextFocus && !editorReadonly"
},
{
"key": "ctrl+alt+down",
"command": "editor.action.copyLinesDownAction",
"when": "editorTextFocus && !editorReadonly"
},
{
"key": "shift+alt+down",
"command": "-editor.action.copyLinesDownAction",
"when": "editorTextFocus && !editorReadonly"
},
{
"key": "ctrl+alt+up",
"command": "editor.action.copyLinesUpAction",
"when": "editorTextFocus && !editorReadonly"
},
{
"key": "shift+alt+up",
"command": "-editor.action.copyLinesUpAction",
"when": "editorTextFocus && !editorReadonly"
},
{
"key": "ctrl+shift+up",
"command": "editor.action.insertCursorAbove",
"when": "editorTextFocus"
},
{
"key": "ctrl+alt+up",
"command": "-editor.action.insertCursorAbove",
"when": "editorTextFocus"
},
{
"key": "ctrl+shift+down",
"command": "editor.action.insertCursorBelow",
"when": "editorTextFocus"
},
{
"key": "ctrl+alt+down",
"command": "-editor.action.insertCursorBelow",
"when": "editorTextFocus"
}
]
{
"workbench.startupEditor": "none",
"workbench.colorTheme": "Omni",
"workbench.iconTheme": "material-icon-theme",
// Good for Recording
"editor.quickSuggestions": false,
"editor.mouseWheelZoom": true,
"editor.renderLineHighlight": "gutter",
"breadcrumbs.enabled": true,
"explorer.compactFolders": false,
// Window settings
"window.zoomLevel": 1,
"window.titleBarStyle": "native", // "native" on Linux, "custom" on Windows
"window.menuBarVisibility": "toggle",
// Disable JS auto-import behavior
"javascript.updateImportsOnFileMove.enabled": "never",
// Editor Behavior
"editor.selectionClipboard": false, // Only for Linux
"javascript.suggest.autoImports": false,
"editor.formatOnSave": true,
"editor.suggestSelection": "first",
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
// Explorer Behavior
"explorer.confirmDragAndDrop": false,
"explorer.confirmDelete": false,
// Sets the Font size and family
"editor.fontFamily": "JetBrains Mono",
"editor.fontWeight": "400",
"editor.fontSize": 15,
"editor.lineHeight": 24,
"editor.fontLigatures": true,
// Editor indentation settings
"editor.tabSize": 2,
"editor.insertSpaces": true,
"editor.detectIndentation": true,
// Auto applies editor rules for long lines of code
"editor.rulers": [80, 120],
// Increases terminal font size
"terminal.integrated.fontSize": 14,
// ESLint configuration
"eslint.packageManager": "yarn",
"eslint.codeActionsOnSave.mode": "all",
"prettier.singleQuote": true,
"prettier.trailingComma": "es5",
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact"
],
// Emmet
"emmet.syntaxProfiles": {
"javascript": "jsx" // Defines auto closing tags in JSX
},
"emmet.includeLanguages": {
"javascript": "javascriptreact"
},
// Git settings
"git.enableSmartCommit": true,
"git.autofetch": true,
"git.confirmSync": false,
// Extensions
"extensions.ignoreRecommendations": false, // Do not ignore recommendations
// Colorize settings
"colorize.languages": ["javascript", "typescript", "json", "html", "css"],
// Peacock colors (customizable)
"peacock.favoriteColors": [
{
"name": "Rocketseat Purple",
"value": "#7159C1"
},
{
"name": "Dracula Dark",
"value": "#0B0A10"
}
],
// Pretier settings
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[yaml]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint"
},
"[typescriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
}
@karlos-silva
Copy link

Nice, deixei meu vs bem parecido. Valeu pelas dicas

@robsonrdsaraiva
Copy link

robsonrdsaraiva commented Jan 16, 2021

Configuração muito legal, parabéns e obrigado! Sem dúvida essa fonte é muito perfeita.

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