Skip to content

Instantly share code, notes, and snippets.

@MatheusAmelco
Last active June 3, 2019 20:36
Show Gist options
  • Save MatheusAmelco/8c087613cc8076bf98d1e57accf9f856 to your computer and use it in GitHub Desktop.
Save MatheusAmelco/8c087613cc8076bf98d1e57accf9f856 to your computer and use it in GitHub Desktop.
Arquivo de Configuração do VSCode.
/*
Arquivo de configurações padrões para o VSCode.
Algumas dessas configuraçoes dependem das extensões: ESLint, Prettier, Dracula Official
e vscode-icons.
Também utiliza-se o Fira Code como fonte, para deixar os operadores mais
bonitos e fáceis de identificar.
*/
{
// Gerais
"workbench.iconTheme": "vscode-icons",
"workbench.colorTheme": "Dracula",
"workbench.startupEditor": "newUntitledFile",
"extensions.ignoreRecommendations": true,
// Configura a identação para 2 espaços e habilita a formatação ao salvar
"editor.tabSize": 2,
"editor.formatOnSave": true,
// Fonte (https://github.com/tonsky/FiraCode)
"editor.fontSize": 14,
"editor.lineHeight": 20,
"editor.fontFamily": "'Fira Code', 'Droid Sans Mono', 'monospace', 'Droid Sans Fallback'",
"editor.fontLigatures": true,
// Aumenta a fonte do terminal
"terminal.integrated.fontSize": 14,
// Adiciona as marcações verticais para quebra de linha
"editor.rulers": [80],
// Exibe uma identificação visual na linha em que o cursor estiver
"editor.renderLineHighlight": "gutter",
// Integrar o Prettier com o ESLint
"prettier.eslintIntegration": true,
// Habilita o breadcrumbs
"breadcrumbs.enabled": true,
// Adiciona o emmet em arquivos Javascript
"emmet.syntaxProfiles": {
"javascript": "jsx"
},
// Habilita algumas funções do emmet no react.
"emmet.includeLanguages": {
"javascript": "javascriptreact"
}
}
@MatheusAmelco
Copy link
Author

Exemplo de código com essas configurações habilitadas.

exemplo

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