Тёмный

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

Gabriel Rangel - Fala, Coders!
Подписаться 19 тыс.
Просмотров 59 тыс.
50% 1

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.com/gabrielrangel...
Download VScode:
code.visualstudio.com/
Fonte JetBrains Mono:
www.jetbrains.com/pt-br/lp/mono/
SevenApps: www.sevenapps.tech
Meu Instagram: / gabriel.rangel7
#vscode #programação #desenvolvedor #programador

Опубликовано:

 

9 авг 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 67   
@IngridPrincess14
@IngridPrincess14 Год назад
Obrigada pelos videos!!! São mto esclarecedores!
@miguelsamzevedo
@miguelsamzevedo Год назад
Gabriel, muito obrigado!!! Video super legal de assistir, didático e direto.
@clebermarquesgomes3923
@clebermarquesgomes3923 5 месяцев назад
Obrigado, Gabriel. Vídeo dinâmico e objetivo!
@willyanmilandri7256
@willyanmilandri7256 4 месяца назад
super top, parabéns pela explicação top
@samueloliveira296
@samueloliveira296 8 месяцев назад
Poxa excelente vídeo 👏🏼👏🏼👏🏼👌🏽 ganhou um escrito pro canal 😁
@user-np7od1fl5c
@user-np7od1fl5c 10 месяцев назад
Canalzinho Mara 🎉
@slowxguy
@slowxguy 5 месяцев назад
Obrigado irmão ❤❤❤❤❤❤❤
@joaopoliceno8844
@joaopoliceno8844 8 месяцев назад
Muito bom.
@NSouOThiago
@NSouOThiago Год назад
Muito bom o video estou começando agora e estou te acompanhando, muito sucesso pra nois💻📂 bem explicativo
@FalaCoders
@FalaCoders Год назад
Valeu Thiago! Sucesso pra você nessa nova jornada!
@ahhghost
@ahhghost Год назад
Muito top, vlw
@ingridlemosrodriguespinto6083
@ingridlemosrodriguespinto6083 7 месяцев назад
Muito bom vídeo!! Seria bacana se vc mostrasse isso pra Linux também
@lagoawb
@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.
@awdrymendes6903
@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 .
@diego15336
@diego15336 Год назад
essa aula teria alguma anterior ? sou novo no canal e estou iniciando.
@ALANSILVA-f1n
@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
@fabiogiehl2627
@fabiogiehl2627 Год назад
Pentium n6000 é suficiente para javascript, onde, react e flutter?
@Sclockk
@Sclockk 11 месяцев назад
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?
@mariadasgracasalves1178
@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
@alguem9791
@alguem9791 Год назад
Gabriel, ótima aula, me ajudou bastante, mas sua luz ta estouradassa no commeço
@canaljesusnazareno
@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?
@ooishilisour2895
@ooishilisour2895 11 месяцев назад
nice
@WesleyPereiraSousa
@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
@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.
@FernandoRicardoMeira
@FernandoRicardoMeira 9 месяцев назад
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 !
@user-kx1te9zh3k
@user-kx1te9zh3k Год назад
cara, eu te amo
@pedropauloteodoro2602
@pedropauloteodoro2602 3 месяца назад
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?
@VictorBastos30
@VictorBastos30 10 дней назад
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
@johnHPX
@johnHPX 6 месяцев назад
👍
@andersoncirino6266
@andersoncirino6266 11 месяцев назад
Quando eu arrasto o meu HTML para o Chrome para abrir uma página não aparece o programei
@Zezinho819
@Zezinho819 2 месяца назад
alguem me da um help kkkk onde habilita o rabisco de erro no vscode? desabilitei sem querer e to procurando ate agora
@joseclebson9542
@joseclebson9542 Год назад
O meu vs code não aparece o resultado do código no terminal
@onathanmateus
@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
@IgorSprovieri
@IgorSprovieri Год назад
Qual a diferença do VS Community e do VS code
@FalaCoders
@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
@deehz
@deehz Год назад
meu terminal parou de funciona alguem me ajuda
@DevSttrong
@DevSttrong Год назад
amigo como dar o spaço entre a linha no html ??
@groot2513
@groot2513 Год назад
@wyllalves7170
@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
@csbabuh223 Год назад
EU VOU COMEÇAR NA KENZIE PARECE SER BOM
@jeanma386
@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
@PedroHenrique-xf9yl
@PedroHenrique-xf9yl 8 месяцев назад
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._.
@otavioferreira._. 8 месяцев назад
O que está acontecendo?
@alakatinga
@alakatinga 3 месяца назад
🆙
@salviofrv
@salviofrv Год назад
Bora Programar
@Murilogp
@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.
@FERVODOSPANTAN0. Год назад
Descobriu?
@Murilogp
@Murilogp Год назад
@@FERVODOSPANTAN0. Nada mano. Tô quase formatando o PC. Meus amigos não tem esse problema.
@FERVODOSPANTAN0.
@FERVODOSPANTAN0. Год назад
@@Murilogp assim
@carlos6116cs
@carlos6116cs Год назад
No meu não esta, reconhecendo o meu promeiro comando, fica tudo amarelo, e o editor reconhece como erro. "editor.codeActionsOnSave": {
@hannasilva6732
@hannasilva6732 Год назад
o meu deu o mesmo erro, se conseguir resolver é legal compartilhar para o caso de mais alguém com o mesmo erro...
@hannasilva6732
@hannasilva6732 Год назад
resolveu com uma virgula, não sei o seu...
@eduardocamargoads
@eduardocamargoads Год назад
o meu também... conseguiu resolver??
@hannasilva6732
@hannasilva6732 Год назад
@@eduardocamargoads eu havia esquecido uma vírgula, veja se o seu é o mesmo
@AlanMoreiraMusic
@AlanMoreiraMusic Год назад
Coloquem uma vírgula depois do número 2 na string anterior: "editor.tabSize": 2,
@JailsonDev
@JailsonDev Год назад
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...
@antoniocesarpiresdasilvaju9058
Fui fazer essa configuração tá dando erro na linha "editor.codeActionsOnSave": {
@nnnyck
@nnnyck 11 месяцев назад
tem que colocar uma virgula no final da linha de cima kkkk
@repperjin3261
@repperjin3261 2 месяца назад
mdsss quanto frufruzinho pra programar kkkkkkkkkkkkkk
@RaiamG
@RaiamG 14 дней назад
Mano lá nas minhas settings fica aparecendo isso no final "symbols.hidesExplorerArrows": false Alguém sabe dizer oq é isso?
@user-kf5ws2sz3m
@user-kf5ws2sz3m 5 месяцев назад
No “source.fixAll.eslint” não está aceitando o true. Está sugerindo como padrão o “Explicit”
@DanielRocha-vk1pm
@DanielRocha-vk1pm 4 месяца назад
o meu também, descobriu como arruma?
@alakatinga
@alakatinga 3 месяца назад
🆙
@ALANSILVA-f1n
@ALANSILVA-f1n 2 месяца назад
vc teria grupos de ajuda ? whats ,telegram
Далее
Meu VSCode minimalista (extensões, temas e config)
19:33
Получилось у Миланы?😂
00:13
Просмотров 634 тыс.
12 VS Code Extensions to INCREASE Productivity 2024
27:13
I Tried Every AI Coding Assistant
24:50
Просмотров 743 тыс.
VS Code para Iniciantes
16:46
Просмотров 73 тыс.
20 extensões obrigatórias no meu VS Code
16:07
Просмотров 65 тыс.
Getting Started with Vim in Visual Studio Code
8:14
Просмотров 183 тыс.