VSCode: A melhor configuração para você PROGRAMAR!

Fala, Coders!
Uma das principais dúvidas que se surge na hora de começar na programação é: Onde eu crio os meus códigos ?
A principal ferramenta que temos hoje para edição das linhas de comando que irão criar o seu software é o Visual Studio Code, ou VSCode. Esse editor de texto para códigos foi criado pela MicroSoft e é o mais amplamente utilizado por programadores nos dias de hoje.
Nesse vídeo vou te mostrar como eu configuro o VSCode para criação das minhas aplicações, principalmente aquelas que envolvem a stack principal desse canal (HTML, CSS e JavaScript para aplicações Web Básicas, React.js para aplicações front-end mais complexas, React Native o desenvolvimento de aplicativos e Node.js para back-end).
As extensões do VSCode servem para facilitar nossa vida no dia a dia do desenvolvimento, e também para deixar o código mais bonito. Prettier, EsLint e EditorConfig são as principais extensões que recomento vocês utilizarem para programar com mais eficiência no seu dia a dia.
Se o assunto é deixar o editor de códigos mais bonitos, recomento você utilizar o tema Dracula. Além disso, vamos usar uma fonte criada para programadores pela IntelliJ, a JetBrains Mono, que também ajuda a visualizar melhor as linhas de comando programadas.
Espero que esse vídeo te ajude a se tornar um programador melhor e mais produtivo.
Vamos juntos sermos os melhores coders que esse mundo já viu!
Abraço.
Comunidade para tirar dúvidas:
/ discord
Configuração settings.json: gist.github.co...
Download VScode:
code.visualstu...
Fonte JetBrains Mono:
www.jetbrains....
SevenApps: www.sevenapps....
Meu Instagram: / gabriel.rangel7
#vscode #programação #desenvolvedor #programador

[@felipeduarte1676]

Valeu estou iniciando em um curso e o meu visual studio nao tinha esses plugins instalados e dificultava muito o desenvolvimento dos codigos. obrigado!

[@NSouOThiago]

Muito bom o video estou começando agora e estou te acompanhando, muito sucesso pra nois💻📂 bem explicativo

[@FalaCoders]

Valeu Thiago! Sucesso pra você nessa nova jornada!

[@miguelsamzevedo]

Gabriel, muito obrigado!!! Video super legal de assistir, didático e direto.

[@clebermarquesgomes3923]

Obrigado, Gabriel. Vídeo dinâmico e objetivo!

[@ingridlemosrodriguespinto6083]

Muito bom vídeo!! Seria bacana se vc mostrasse isso pra Linux também

[@awdrymendes6903]

Fala Rangel , como vai ? cara gostei demais viu , uma dica! , deixe o link da aula anterior, tipo essa que voçê mencionou de " html e css " , estou indo agora procurar por essa aula, gostei demais do seu conteúdo, ganhou mais um escrito, grande abraço .

[@NanDoTube2]

Mt bom nas magias 🧙🏼‍♂️🦉

[@willyanmilandri7256]

super top, parabéns pela explicação top

[@IngridPrincess14]

Obrigada pelos videos!!! São mto esclarecedores!

[@JaneFerreira-g8q]

Canalzinho Mara 🎉

[@slowxguy]

Obrigado irmão ❤❤❤❤❤❤❤

[@samueloliveira296]

Poxa excelente vídeo 👏🏼👏🏼👏🏼👌🏽 ganhou um escrito pro canal 😁

[@ALANSILVA-f1n]

obrigado irmão ótimo vídeo , eu sou um iniciante nos estudo .. desenvolvimento de sistema.. estou gostando na pratica .. mas teórica é bem chatinha mas bora lá aprender rsrsr

[@joaopoliceno8844]

Muito bom.

[@alguem9791]

Gabriel, ótima aula, me ajudou bastante, mas sua luz ta estouradassa no commeço

[@DayslaCarolinanerysilva]

cara, eu te amo

[@R3_GABRIEL]

TOP

[@WesleyPereiraSousa]

Estava usando o Sublime Text depois dessas dicas com certeza irei migrar. Referente ao Sublime Text versão premium você sabe qual a diferente da versão gratuita ?

[@FalaCoders]

Show mestre, não sei, tem muito tempo que migrei para o VSCode, quase todo programador que conheço usa o VS também.

[@ahhghost]

Muito top, vlw

[@diego15336]

essa aula teria alguma anterior ? sou novo no canal e estou iniciando.

[@johnHPX]

👍

[@lagoawb]

Muito bom o video, didatica excelente. gostaria de saber se existe como ter dois vscode configurados, do tipo te um vscode todo costumizado para java e outro todo configurado para javascript e dependendo do que eu for usar eu abrir o vscode e setar este padrao, evitando assim ter um vc code FrankStein mas de toda forma muito boa a aula.

[@mariadasgracasalves1178]

Bom dia, moço se poder me ajudar entender, de início seu vídeo é excelente a explicação, não é muito rápido,dá pra acompanhar o passo-a-passo tranquilo, mas mesmo assim, ainda encontrei impecilios na instalação, o meu é Windows 10,instalei tudo correto até chegar nas extensões : Pretrier code e outras CODE SPELL CHECKER exemplo no seu vídeo depois de clicar em INSTALL de cada extensão o V lateral ou ceta fica na cor VERDE, mas quando clico aqui no meu não fica ,permanece como antes de clicar! O que está acontecendo?? Então não prossegui com a instalação! Estudo EAD e tudo é dessa forma, se virando pra entender! Se poder me ajudar respondendo, agradeço, obrigada

[@canaljesusnazareno]

Olá, por gentileza como configuro a extensão do google drive no vs code para chamar meus documentos do drive no Vs Code?

[@ooishilisour2895]

nice

[@pedropauloteodoro2602]

Poderia me responder uma duvida minha? Porque os comandos do Visual Studio Code no terminal não são salvos no histórico após encerrar o terminal?

[@FernandoRicardoMeira]

Estou treinando como iniciante no Visual Studio Code. Estou treinando tabelas, link, e etc. Na hora de visualizar o material que eu fiz, eu clico em CTRL + SHIFT + P e ele abre lá em cima, o Open In Default Broswer, clicando nele, era pra visualizar o material feito. Mas acontece que desde hoje, ele não está abrindo a nova página para mim visualizar o material. Ontem estava normalmente. O que pode ser isso ? Eu consigo digitar na pagina, mas agora não consigo visualizar. Aguardo resposta e desde já agradeço !

[@Sclockk]

Como eu faço tipo para quebrar automaticamente as tags? tipo, eu gosto de colocar um espaçamento quando salvo e que por exemplo, tenho uma tag . Gostaria que quebrasse essa tag para a linha debaixo. Tem como fazer isso?

[@VictorBastos30]

Porque nada que eu altero no vs code nao aparece no index que eu crio , eu abro no google chrome e nada acontece , to tentando fazer um formulário simples e nada aparece no index.html , nao sei mais oq faço

[@PedroHenrique-xf9yl]

Muito bom só não consigo instalar no meu PC 😢 um mês já vendo vídeos e não acho nada pra me ajudar

[@otavioferreira._.]

O que está acontecendo?

[@alakatinga]

🆙

[@salviofrv]

Bora Programar

[@IgorSprovieri]

Qual a diferença do VS Community e do VS code

[@FalaCoders]

o VSCode se não me engano é uma versão mais leve, atua mais como editor de códigos. O VS Community é uma versão mais robusta, geralmente quem usa C#, .NET usa ele como IDE

[@fabiogiehl2627]

Pentium n6000 é suficiente para javascript, onde, react e flutter?

[@Zezinho819]

alguem me da um help kkkk onde habilita o rabisco de erro no vscode? desabilitei sem querer e to procurando ate agora

[@wyllalves7170]

Gabriel meu nome é Wyllame quero aprender a programar, sou leigo nesta área, você me dizer por onde eu devo começar? conheço algumas plataforma só de ouvir falar mesmo, meu interesse em aprender a programar é porque eu vejo que esta área está se expandindo e o mercado está carente, tenho 49 anos sempre trabalhei com TI, cabeamento e suporte ao usuário, gostei deste seu vídeo e vi que ele é recente e muito bom. Por favor aguardo a resposta de você ou de alguém do canal. Grato.

[@csbabuh223]

EU VOU COMEÇAR NA KENZIE PARECE SER BOM

[@jeanma386]

Se você quer começar a programar, aconselho procurar sobre a lógica de programação. Estou começando pelos cursos da Udemy. Vez ou outra aparecem promoções de 22,90 a 34,90

[@onathanmateus]

eu baixo a fonte jetbrains mono, eu instalo as fonte e configuro o vscode para utilizar essa fonte e dá tudo certo.......... MAAAS quando eu reinicio o meu notebook o vscode não consegue mais reconhecer a fonte jerbrains e a fonte do vscode volta para o padrão (mesmo que la nas configurações esteja escrito "JetBrains Mono") Isso acontece toda vez

[@LoucoEsonhador-y6p]

9 vulnerabilidades 4high

[@DevSttrong]

amigo como dar o spaço entre a linha no html ??

[@groot2513]

[@carlos6116cs]

No meu não esta, reconhecendo o meu promeiro comando, fica tudo amarelo, e o editor reconhece como erro. "editor.codeActionsOnSave": {

[@hannasilva6732]

o meu deu o mesmo erro, se conseguir resolver é legal compartilhar para o caso de mais alguém com o mesmo erro...

[@hannasilva6732]

resolveu com uma virgula, não sei o seu...

[@eduardocamargoads]

o meu também... conseguiu resolver??

[@hannasilva6732]

@@eduardocamargoads eu havia esquecido uma vírgula, veja se o seu é o mesmo

[@AlanMoreiraMusic]

Coloquem uma vírgula depois do número 2 na string anterior: "editor.tabSize": 2,

[@joseclebson9542]

O meu vs code não aparece o resultado do código no terminal

[@Murilogp]

Mano, como eu faço pro terminal reconhecer o pt-br? Por exemplo, quando eu peço pra ele printar "Número não encontrado no vetor" Aparece "Número nço encontrado no vetor". Ele não está reconhecendo o caractere "ã". Você saberia me dizer o que devo fazer? Att

[@FERVODOSPANTAN0.]

Descobriu?

[@Murilogp]

@@FERVODOSPANTAN0. Nada mano. Tô quase formatando o PC. Meus amigos não tem esse problema.

[@FERVODOSPANTAN0.]

@@Murilogp assim

[@JailsonTI]

cara ninguem nao ensina a colocar a linha de bloco, eu peguei uma vez e agora nao acho mais em lugar nem um... e ninguem sabe encinar...

[@deehz]

meu terminal parou de funciona alguem me ajuda

[@GuilhermeSilva-t6h]

No “source.fixAll.eslint” não está aceitando o true. Está sugerindo como padrão o “Explicit”

[@DanielRocha-vk1pm]

o meu também, descobriu como arruma?

[@alakatinga]

🆙

[@sapereaude9504]

o meu tbm o TRUE está dando errado

[@arthur_teless6561]

Como resolveram ??

[@ainatrdn4849]

Na thumbnail do video tá escrito virtual studio code 😂

[@repperjin3261]

mdsss quanto frufruzinho pra programar kkkkkkkkkkkkkk

[@RaiamG]

Mano lá nas minhas settings fica aparecendo isso no final "symbols.hidesExplorerArrows": false Alguém sabe dizer oq é isso?

[@ALANSILVA-f1n]

vc teria grupos de ajuda ? whats ,telegram

[@andersoncirino6266]

Quando eu arrasto o meu HTML para o Chrome para abrir uma página não aparece o programei

[@antoniocesarpiresdasilvaju9058]

Fui fazer essa configuração tá dando erro na linha "editor.codeActionsOnSave": {

[@nnnyck]

tem que colocar uma virgula no final da linha de cima kkkk