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

No video

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

Рет қаралды 59,956

Күн бұрын

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

Пікірлер: 68

@NSouOThiago 2 жыл бұрын

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

@FalaCoders 2 жыл бұрын

Valeu Thiago! Sucesso pra você nessa nova jornada!

@user-kf5ws2sz3m 5 ай бұрын

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

@DanielRocha-vk1pm 5 ай бұрын

o meu também, descobriu como arruma?

@alakatinga 3 ай бұрын

🆙

@miguelsamzevedo Жыл бұрын

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

@ingridlemosrodriguespinto6083 7 ай бұрын

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

@clebermarquesgomes3923 6 ай бұрын

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

@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 .

@ALANSILVA-f1n 2 ай бұрын

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

@IngridPrincess14 Жыл бұрын

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

@samueloliveira296 9 ай бұрын

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

@willyanmilandri7256 5 ай бұрын

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

@user-np7od1fl5c 11 ай бұрын

Canalzinho Mara 🎉

@mariadasgracasalves1178 2 ай бұрын

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

@pedropauloteodoro2602 4 ай бұрын

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?

@WesleyPereiraSousa 2 жыл бұрын

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.

@PedroHenrique-xf9yl 9 ай бұрын

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._. 8 ай бұрын

O que está acontecendo?

@alakatinga 3 ай бұрын

🆙

@R3_GABRIEL 18 күн бұрын

TOP

@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

@canaljesusnazareno 6 ай бұрын

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

@slowxguy 6 ай бұрын

Obrigado irmão ❤❤❤❤❤❤❤

@FernandoRicardoMeira 10 ай бұрын

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?

@joaopoliceno8844 8 ай бұрын

Muito bom.

@Zezinho819 3 ай бұрын

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

@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.

@alguem9791 Жыл бұрын

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

@andersoncirino6266 11 ай бұрын

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

@diego15336 Жыл бұрын

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

@ahhghost Жыл бұрын

Muito top, vlw

@IgorSprovieri 2 жыл бұрын

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

@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

@fabiogiehl2627 Жыл бұрын

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

@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,

@johnHPX 7 ай бұрын

👍

@user-kx1te9zh3k Жыл бұрын

cara, eu te amo

@joseclebson9542 Жыл бұрын

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

@ooishilisour2895 11 ай бұрын

nice

@DevSttrong Жыл бұрын

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

@groot2513 Жыл бұрын

@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

@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