Skip to content

Latest commit

 

History

History
189 lines (95 loc) · 8.13 KB

07_vscode.md

File metadata and controls

189 lines (95 loc) · 8.13 KB

Visual Studio Code

Visual Studio Code (VSCode) é um editor de texto muito poderoso, principalmente por conta das inúmeras extensões criadas pela comunidade de usuários.

Faça o download do VSCode

https://code.visualstudio.com/docs/?dv=win

Siga o guia de instalação padrão do aplicativo. No fim ele vai dar a opção de iniciar o vscode, então você deverá ver a seguinte tela:

Se você chegou até aqui você instalou o vscode com sucesso.

As extensões do vscode o tornam muito poderoso, iremos utilizar muitas delas para nos ajudar de diversas formas (desde colorir os parênteses e chaves até corrigir nosso código automaticamente!)

Extensões

As extensões ficam aqui:

Veja que eu já tenho uma instalada, a Remote - WSL. Você deve instalar essa também é, por exemplo, a de Python. Procure por ela e a instale:

Veja que quem a criou foi a Microsoft, é esta que devemos instalar.

Muitas outras extensões são úteis, procure na internet por "Best vscode extensions for python" e verá muitas outras extensões que são indicadas para o desenvolvimento em python!

Por enquanto vamos focar na Remote - WSL.

Remote - WSL

Se você clicar no ícone acima das extensões verá o seguinte:

Veja que ele já nos mostra nossa distribuição do Ubuntu instalada e o meu nome de usuário do ubuntu! Clique com botão direito e "Open folder in WSL". A seguinte tela aparecerá para você:

Tá, mas eu quero desenvolver dentro da minha pasta teste que é aquela que criamos no GitHub e onde estou desenvolvendo meu código!

Se você for em File > Open Folder..., você verá esta janela, digite então o caminho até a nossa pasta Teste e aperte OK

Ok, veremos então:

Ah, bem melhor! Estamos dentro da nossa pasta teste!!

Veja no canto inferior esquerdo temos WSL: Ubuntu 18-04 e logo depois master escrito, isso indica em que branch o nosso repositório do git está!

Se você clicar em master você verá:

viu, podemos criar uma branch nova por aqui. Vamos criar uma branch nova! Eu criei uma branch adiciona_texto.

Viu? Já estamos na branch nova. Semelhante a fazer $ git checkout -b adiciona_texto.

Posso clicar com botão direito e criar um novo arquivo:

Veja o arquivo que eu criei e seu conteúdo:

Foi um código em python chamado texto.py! Veja que temos um menu do lado que apareceu um "1" num círculo azul. Se você clicar nele e clicar no texto.py, verá o seguinte:

Incrível né? É exatamente o Git sendo mostrado pelo vscode!

Você pode fazer o comando $ git add ao clicar em:

E ``$ git commit -m "Adiciona texto.py" ao digitar a mensagem:

Por mim o commit é terminado apertando Ctrl + Enter! Pronto, você fez um commit usando o vscode! Não acredita?

Se você voltar no terminal verá que o zsh já está te dizendo que você está na branch nova adiciona_texto, se você der um lsele vai te mostrar o texto.py nos arquivos. Um $ git log vai te mostrar exatamente seu último commit feito no vscode:

Então funcionou mesmo, certo?

No meu do "source control" você tem acesso a outros commits que a gente viu anteriormente, como git pushe git pull. Dá para fazer tudo pelo vscode!

Dica: existe um extensão do GitHub pro vscode que permite que você abra um PR pelo próprio vscode. Dê uma pesquisada.

Executando um programa em Python pelo VScode

Queremos saber se o nosso arquivo texto.py realmente funciona. Vamos então ver como podemos rodá-lo pelo vscode! Se você abrir o arquivo e apertar F5, verá o seguinte:

Não temos nenhuma opção de python aqui... Estranho né? Porque queremos rodar um código em python, não em node.js... Vá até as extensões e você verá o seguinte:

Pois bem, a gente tinha instalado a extensão Python localmente mas não no WSL! Instale no WSL. Após a instalação o sistema vai pedir que você faça um reload.

Quando você fizer o reload, provavelmente a primeira coisa que você verá será o vscode pedindo para você escolher um interpretador de python. Dependendo do ambiente do conda que você estiver trabalhando, a versão do python pode variar. Eu escolhi o ambiente base no momento. Veja que aparece do lado da branch que você está, no canto inferior esquerdo, qual a versão do python e o ambiente do conda!!

Agora com F5 nós temos a seguinte opção!

Ótimo! Aperte Enter!

Veja o que foi aberto, um terminal! Exatamente com o nosso zsh bonitinho e tudo mais!

O nosso código realmente funcionou, quem diria! "Texto novo!" foi impresso na tela.


Agora, se eu quisesse ter aberto um terminal antes, como eu faria?

Tem um menu lá no topo chamado Terminal > New Terminal. Simples assim.


Okay, agora eu fiz um código um pouco mais complexo, veja:

Esse código funciona? Ao apertar F5 e escolhermos a primeira opção, a gente vê que "8" é impresso na tela. Okay, funciona!

Ta, mas eu tô com uma dúvida no funcionamento desse programa... que debugá-lo. Como faz? Você pode clicar do lado dos números das linhas e uma bolinha vermelho vai aparecer.

Quando você apertar F5 + Enter novamente:

O código parou exatamente onde colocarmos o breakpoint. Veja no lado esquerdo o valor de a, a variável b ainda não tem valor, se você apertar Step Over (F10) (ou a setinha caindo do lado do play) você verá que b assume o valor 5, se clicar novamente chega o momento do print e o código acaba. Esse é o funcionamento básico do debugger!!


Nesse momento, se você for no controle de versão, você verá o seguinte:

Tá, mas que arquivo é esse "settings.json", a gente não criou isso. Bem, ele é criado sozinho pelo vscode! Se você der uma olhada na nossa árvore de arquivos, você verá que ele está dentro de .vscode...

Não tem uma maneira da gente ignorar esse arquivo e ele não ficar aparecendo toda hora no controle de versão??? Tem sim. É só adicionar o arquivo (ou a pasta) no .gitignore

Abra o .gitignore e adicionar .vscode no topo do arquivo:

Da onde vem esse .gitignore?? Lembre-se que quando criamos o repositório teste no GitHub, nós escolhemos para iniciá-lo com um gitignore de python. Pois bem, o GitHub já cria o gitignore com os arquivos mais comuns a serem ignorados em um projeto de python!

Pronto, o que temos agora no controle de versão:

Apenas justamente o que mudamos! Ótimo.

Agora veja se você consegue adicionar os arquivos, fazer um commit e dar um push pro github. No fim você deverá ver:

Sucesso!


Extra: você pode procurar por essential na extensões e instalar extensões que algum usuário juntou, como em:

Se você não gostar de alguma é só desativar!