search

CollabCodeTech / forum-do-front-ao-end

Fórum da turma do curso do Front ao End
81 stars 10 forks source link

Minhas configs no VSCode. Manda a sua aí pra gente? #20

Open marcobrunodev opened 6 years ago

marcobrunodev commented 6 years ago 
{
  "[css]": {
    "editor.fontLigatures": false
  },
  // Define o tema do VSCode
  "editor.fontLigatures": true,
  "workbench.colorTheme": "Dracula",
  // Configura tamanho e família da fonte
  "editor.fontSize": 16,
  "editor.lineHeight": 24,
  "editor.fontFamily": "Fira Code",
  // Aplica linhas verticais para lembrar de quebrar linha em códigos muito grandes
  "editor.rulers": [80, 120],
  // Aplica um sinal visual na esquerda da linha selecionada
  "editor.renderLineHighlight": "gutter",
  // Aumenta a fonte do terminal
  "terminal.integrated.fontSize": 14,
  // Define o tema dos ícones na sidebar
  "workbench.iconTheme": "material-icon-theme",
  "window.zoomLevel": 3,
  "editor.formatOnSave": true,
  "prettier.eslintIntegration": true,
  "editor.tabSize": 2,
  "emmet.syntaxProfiles": {
    "javascript": "jsx"
  },
  "workbench.startupEditor": "newUntitledFile",
  "explorer.confirmDragAndDrop": false,
  "javascript.validate.enable": false,
  "files.associations": {
    ".babelrc": "json5",
    "*.html": "html",
    "*.js": "javascript"
  },
  "editor.wordWrap": "on",
  "terminal.integrated.shell.windows": "C:\\Windows\\System32\\bash.exe",
  "editor.minimap.enabled": false,
  "eslint.autoFixOnSave": true,
  "eslint.alwaysShowStatus": true,
  "eslint.": false,
  "editor.formatOnPaste": true,
  "javascript.format.enable": false,
  "explorer.confirmDelete": false,
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  "breadcrumbs.enabled": true,
  "workbench.activityBar.visible": false
}
dmaiabjj commented 6 years ago 
{
    "[css]": {
        "editor.fontLigatures": false
    },
    "sync.gist": "810ea32f379e20ebe37001a244358ff7",
    "sync.quietSync": false,
    "sync.removeExtensions": true,
    "sync.syncExtensions": true,
    "sync.autoDownload": false,
    "sync.autoUpload": false,
    "sync.forceDownload": false,

    "javascript.updateImportsOnFileMove.enabled": "always",

    "explorer.confirmDragAndDrop": false,

    "editor.fontSize": 14,
    "editor.lineHeight": 24,
    "editor.fontWeight": "500",
    "editor.fontFamily": "Fira Code",
    "editor.fontLigatures": true,
    "editor.formatOnSave": true,
    "editor.rulers": [80, 120],
    "editor.renderLineHighlight": "gutter",

    "terminal.integrated.fontFamily": "Operator Mono",
    "terminal.external.osxExec": "Hyper.app",
    "terminal.explorerKind": "external",
    "terminal.integrated.shell.osx": "zsh",
    "terminal.integrated.fontSize": 14,

    "workbench.statusBar.feedback.visible": false,
    "workbench.colorCustomizations": {
        "tab.activeBorder": "#00E5E5"
    },
    "workbench.iconTheme": "material-icon-theme",
    "workbench.colorTheme": "Dracula",

    "eslint.autoFixOnSave": true,
    "eslint.alwaysShowStatus": true,

    "emmet.syntaxProfiles": {
        "javascript": "jsx"
    },
    "emmet.includeLanguages": {
        "javascript": "javascriptreact"
    },

   "breadcrumbs.enabled": true,

}
icastilhog commented 6 years ago

{ "[css]": { "editor.fontLigatures": false }, // Define o tema do VSCode "editor.fontLigatures": true, "workbench.colorTheme": "Dracula", // Configura tamanho e família da fonte "editor.fontSize": 16, "editor.lineHeight": 24, "editor.fontFamily": "Fira Code", // Aplica linhas verticais para lembrar de quebrar linha em códigos muito grandes "editor.rulers": [80, 120], // Aplica um sinal visual na esquerda da linha selecionada "editor.renderLineHighlight": "gutter", // Aumenta a fonte do terminal "terminal.integrated.fontSize": 14, // Define o tema dos ícones na sidebar "workbench.iconTheme": "material-icon-theme", "window.zoomLevel": 3, "editor.formatOnSave": true, "prettier.eslintIntegration": true, "editor.tabSize": 2, "emmet.syntaxProfiles": { "javascript": "jsx" }, "workbench.startupEditor": "newUntitledFile", "explorer.confirmDragAndDrop": false, "javascript.validate.enable": false, "files.associations": { ".babelrc": "json5", ".html": "html", ".js": "javascript" }, "editor.wordWrap": "on", "terminal.integrated.shell.windows": "C:\Windows\System32\bash.exe", "editor.minimap.enabled": false, "eslint.autoFixOnSave": true, "eslint.alwaysShowStatus": true, "eslint.": false, "editor.formatOnPaste": true, "javascript.format.enable": false, "explorer.confirmDelete": false, "emmet.includeLanguages": { "javascript": "javascriptreact" }, "breadcrumbs.enabled": true, "workbench.activityBar.visible": false }

só uma dica para a galera.. quando colocar essa config vai ficar enorme o zoom em monitores menores.. então é só trocar o window.zoomLevel para -1 ..

window.zoomLevel": -1
felipesaban commented 6 years ago

{ "[css]": { "editor.fontLigatures": false }, // Define o tema do VSCode "editor.fontLigatures": true, "workbench.colorTheme": "Dracula", // Configura tamanho e família da fonte "editor.fontSize": 16, "editor.lineHeight": 24, "editor.fontFamily": "Fira Code", // Aplica linhas verticais para lembrar de quebrar linha em códigos muito grandes "editor.rulers": [80, 120], // Aplica um sinal visual na esquerda da linha selecionada "editor.renderLineHighlight": "gutter", // Aumenta a fonte do terminal "terminal.integrated.fontSize": 14, // Define o tema dos ícones na sidebar "workbench.iconTheme": "material-icon-theme", "window.zoomLevel": 3, "editor.formatOnSave": true, "prettier.eslintIntegration": true, "editor.tabSize": 2, "emmet.syntaxProfiles": { "javascript": "jsx" }, "workbench.startupEditor": "newUntitledFile", "explorer.confirmDragAndDrop": false, "javascript.validate.enable": false, "files.associations": { ".babelrc": "json5", ".html": "html", ".js": "javascript" }, "editor.wordWrap": "on", "terminal.integrated.shell.windows": "C:\Windows\System32\bash.exe", "editor.minimap.enabled": false, "eslint.autoFixOnSave": true, "eslint.alwaysShowStatus": true, "eslint.": false, "editor.formatOnPaste": true, "javascript.format.enable": false, "explorer.confirmDelete": false, "emmet.includeLanguages": { "javascript": "javascriptreact" }, "breadcrumbs.enabled": true, "workbench.activityBar.visible": false }

só uma dica para a galera.. quando colocar essa config vai ficar enorme o zoom em monitores menores.. então é só trocar o window.zoomLevel para -1 ..

window.zoomLevel": -1

Obrigado! Chegou a dar um susto aqui no note rs..

joviane commented 6 years ago

Opa reabrindo aqui

Rod94 commented 6 years ago

{ "editor.fontSize": 14, "workbench.iconTheme": "material-icon-theme", "workbench.colorTheme": "Dracula", "explorer.confirmDelete": false, "window.zoomLevel": 1, "editor.renderIndentGuides": false, "files.autoSave": "off", "workbench.startupEditor": "newUntitledFile", "guides.normal.width": 3, "guides.stack.width": 3, "editor.fontFamily": "'Fira Code'", "editor.tabSize": 2, "editor.fontLigatures": true, "editor.formatOnSave": true, "liveServer.settings.donotShowInfoMsg": true, "terminal.integrated.shell.windows": "C:\Windows\System32\cmd.exe" }

lucaskahl commented 6 years ago

{ "workbench.colorTheme": "Dracula", "git.ignoreMissingGitWarning": true, "workbench.iconTheme": "material-icon-theme", "breadcrumbs.enabled": true, "editor.fontFamily": "Fira Code, 'Courier New', monospace", "editor.fontLigatures": true, "window.zoomLevel": 0, "editor.fontSize": 16, "editor.fontWeight": "500", "files.autoSave": "afterDelay" }

GuiMoraesDev commented 6 years ago

{ "[css]": { "editor.fontLigatures": false }, // Define o tema do VSCode "editor.fontLigatures": true, "workbench.colorTheme": "Dracula", // Configura tamanho e família da fonte "editor.fontSize": 12, // Aplica linhas verticais para lembrar de quebrar linha em códigos muito grandes "editor.rulers": [80, 120], // Aplica um sinal visual na esquerda da linha selecionada "editor.renderLineHighlight": "gutter", // Aumenta a fonte do terminal "terminal.integrated.fontSize": 12, // Define o tema dos ícones na sidebar "workbench.iconTheme": "vscode-icons", "window.zoomLevel": 1,

"editor.formatOnSave": true, "prettier.eslintIntegration": true, "emmet.syntaxProfiles": { "javascript": "jsx" }, "workbench.startupEditor": "none", "javascript.validate.enable": false, "files.associations": { ".babelrc": "json5", ".html": "html", ".js": "javascript" }, "editor.wordWrap": "on", "terminal.integrated.shell.windows": "C:\Windows\System32\bash.exe", "editor.minimap.enabled": false, "eslint.autoFixOnSave": true, "eslint.alwaysShowStatus": true, "eslint.": false, "editor.formatOnPaste": true, "javascript.format.enable": false, "explorer.confirmDelete": false, "emmet.includeLanguages": { "javascript": "javascriptreact" }, "breadcrumbs.enabled": true, "workbench.activityBar.visible": false, "workbench.statusBar.visible": true

}

leogreal commented 6 years ago

Juntei as minhas configutações com as do @MarcoBrunoBR, e ficou assim: Fusão

{
  "editor.formatOnSave": true,
  "editor.fontLigatures": true,
  "editor.fontSize": 16,
  "editor.lineHeight": 24,
  "editor.fontFamily": "Fira Code",
  "editor.rulers": [80, 120],
  "editor.renderLineHighlight": "gutter",
  "editor.tabSize": 2,
  "editor.wordWrap": "on",
  "editor.minimap.enabled": false,
  "editor.formatOnPaste": true,
  "[javascript]": {
    "editor.formatOnSave": false
  },
  "[css]": {
    "editor.fontLigatures": false
  },
  "breadcrumbs.enabled": true,
  "indentRainbow.colors": [
    "rgba(16,16,16,0.1)",
    "rgba(16,16,16,0.5)",
    "rgba(16,16,16,0.9)"
  ],
  "terminal.integrated.fontSize": 14,
  "eslint.autoFixOnSave": true,
  "eslint.alwaysShowStatus": true,
  "prettier.eslintIntegration": true,
  //"prettier.disableLanguages": ["js"],
  "files.autoSave": "onFocusChange",
  "window.zoomLevel": 0,
  "workbench.iconTheme": "material-icon-theme",
  "workbench.colorTheme": "Dracula",
  "workbench.startupEditor": "newUntitledFile",
  "workbench.activityBar.visible": false,
  "explorer.confirmDragAndDrop": false,
  "explorer.confirmDelete": false,
  "emmet.syntaxProfiles": {
    "javascript": "jsx"
  },
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  "files.associations": {
    ".babelrc": "json5",
    "*.html": "html",
    "*.js": "javascript"
  },
  "javascript.validate.enable": false,
  "javascript.format.enable": false
}
RaphaelOhlsen commented 6 years ago 
  "eslint.alwaysShowStatus": true,
  "eslint.": false,   *** ESTA LINHA AQUI ***
  "editor.formatOnPaste": true,
  "javascript.format.enable": false,

Marco, tem uma linha aí faltando informação 

 "eslint.": false,

O VS indica que falta completar.

marcobrunodev commented 6 years ago

{ "[css]": { "editor.fontLigatures": false }, // Define o tema do VSCode "editor.fontLigatures": true, "workbench.colorTheme": "Dracula", // Configura tamanho e família da fonte "editor.fontSize": 16, "editor.lineHeight": 24, "editor.fontFamily": "Fira Code", // Aplica linhas verticais para lembrar de quebrar linha em códigos muito grandes "editor.rulers": [80, 120], // Aplica um sinal visual na esquerda da linha selecionada "editor.renderLineHighlight": "gutter", // Aumenta a fonte do terminal "terminal.integrated.fontSize": 14, // Define o tema dos ícones na sidebar "workbench.iconTheme": "material-icon-theme", "window.zoomLevel": 3, "editor.formatOnSave": true, "prettier.eslintIntegration": true, "editor.tabSize": 2, "emmet.syntaxProfiles": { "javascript": "jsx" }, "workbench.startupEditor": "newUntitledFile", "explorer.confirmDragAndDrop": false, "javascript.validate.enable": false, "files.associations": { ".babelrc": "json5", ".html": "html", ".js": "javascript" }, "editor.wordWrap": "on", "terminal.integrated.shell.windows": "C:\Windows\System32\bash.exe", "editor.minimap.enabled": false, "eslint.autoFixOnSave": true, "eslint.alwaysShowStatus": true, "eslint.": false, "editor.formatOnPaste": true, "javascript.format.enable": false, "explorer.confirmDelete": false, "emmet.includeLanguages": { "javascript": "javascriptreact" }, "breadcrumbs.enabled": true, "workbench.activityBar.visible": false }

só uma dica para a galera.. quando colocar essa config vai ficar enorme o zoom em monitores menores.. então é só trocar o window.zoomLevel para -1 ..

window.zoomLevel": -1

Nossa esqueci de tirar o zoom. Uso ele por causa das aulas e lives :-) Mal! E obrigado pela dica :-)

marcobrunodev commented 6 years ago 
  "eslint.alwaysShowStatus": true,
  "eslint.": false,   *** ESTA LINHA AQUI ***
  "editor.formatOnPaste": true,
  "javascript.format.enable": false,

Marco, tem uma linha aí faltando informação

 "eslint.": false,

O VS indica que falta completar.

Muito. Eu uso o editorconfig pra essa parte. Acho que é por causa disso que o meu não reclama :-)

divetta commented 6 years ago

{ "breadcrumbs.enabled": true,

"editor.fontLigatures": true, "editor.formatOnSave": true, "editor.minimap.enabled": false, "editor.renderLineHighlight": "gutter", "editor.rulers": [80, 120], "editor.tabSize": 2, "editor.wordWrap": "on",

"eslint.autoFixOnSave": true, "eslint.alwaysShowStatus": true,

"explorer.confirmDelete": false, "explorer.confirmDragAndDrop": false,

"files.associations": { ".babelrc": "json5", ".html": "html", ".js": "javascript" }, "files.autoSave": "off",

"prettier.eslintIntegration": true,

"sync.askGistName": true, "sync.autoDownload": true, "sync.autoUpload": true, "sync.forceDownload": false, "sync.gist": "...", "sync.quietSync": true, "sync.removeExtensions": true, "sync.syncExtensions": true,

"terminal.integrated.shell.windows": "C:\Windows\System32\bash.exe",

"workbench.iconTheme": "material-icon-theme", "workbench.colorTheme": "Dracula", "workbench.startupEditor": "newUntitledFile",

"[css]": { "editor.fontLigatures": false } }

FeelipePM commented 6 years ago 
{
    "workbench.iconTheme": "material-icon-theme",
    "workbench.colorTheme": "Monokai",
    "workbench.activityBar.visible": true,
    "workbench.statusBar.visible": true,
    "window.zoomLevel": 1,
    "editor.tabSize": 2,
    "editor.wordWrap": "on",
    "editor.minimap.enabled": false,
    "explorer.confirmDragAndDrop": false,
    "explorer.confirmDelete": false,
    "editor.formatOnPaste": true,
    "editor.formatOnSave": true,
    "editor.formatOnType": false,
}
Pliavi commented 6 years ago 
{
    // Visual
    "breadcrumbs.enabled": true,
    "window.titleBarStyle": "custom",
    "workbench.colorTheme": "Palenight Operator",
    "workbench.iconTheme": "material-icon-theme",

    // Fonte
    "editor.fontFamily": "'Fira Code', 'Noto Sans', sans-serif",
    "editor.fontLigatures": true,
    "editor.fontSize": 18, // To ficando cego :v

    // Terminal
    "terminal.integrated.shell.linux": "/bin/zsh",

    // Editor
    "editor.wordWrapColumn": 120,
    "editor.wordWrap": "bounded",
    "editor.rulers": [120],
    "editor.minimap.enabled": false,
    "explorer.confirmDragAndDrop": false,
    "explorer.confirmDelete": false,

    // Format
    "editor.tabSize": 4,

    // JS
    "javascript.implicitProjectConfig.experimentalDecorators": true,
    "[javascript]": {
        "editor.tabSize": 2,
        "editor.rulers": [80, 120]
    },

    // MD
    "[markdown]": {
        "editor.wordWrapColumn": 80,
        "editor.wordWrap": "wordWrapColumn",
        "editor.quickSuggestions": false
    },

    // Emmet
    "emmet.includeLanguages": {
        "javascript": "html", // LitHTML > JSX, queria conseguir os dois
        "vue-html": "html"
    },
}

MyVSCodeSetup

MellonFive commented 5 years ago 
{
    "workbench.colorTheme": "Dracula",
    "liveServer.settings.donotShowInfoMsg": true,
    "workbench.iconTheme": "material-icon-theme",
    "files.autoSave": "afterDelay",
    "window.zoomLevel": 0,
    "terminal.integrated.shell.windows": "C:\\windows\\System32\\bash.exe",
    "git.enableSmartCommit": true,
    "extensions.ignoreRecommendations": false
}