Skip to content

3.2 VISUAL STUDIO CODE

Jump to bottom
Cássio Santos edited this page Jul 5, 2017 · 2 revisions

O Visual Studio Code é uma simples porém poderosa ferramenta para edição de código fonte. Com ela é possível executar rapidamente comando de edição em vários arquivos, syntax highlighting, Git e etc.

Documentação do VS Code

3.2.1 Command Line

Para abrir arquivos ou criar novos arquivos no VS code a partir da linha de comando pode ser utilizado rapidamente o comando:

    code nomeDoArquivo.txt

Para abrir a partir da linha de comando a pasta do projeto, navegue até a raiz do projeto e digite o seguinte comando:

    code .

3.2.2 Atalhos do teclado

O Visual Studio Code, assim como outros editores e softwares, tem seus atalhos para agilizar o dia-a-dia de quem trabalha com tais ferramentas. Abaixo alguns atalhos interessantes:

Alt+Down: Move a linha na qual o atalho foi executado para baixo, sem modificar o conteudo de nenhuma linha.

Alt+Up: Move a linha na qual o atalho foi executado para cima, sem modificar o conteudo de nenhuma linha.

Ctrl+D: Atalho utilizado para selecionar strings iguais.

Alt+f2: Seleciona todas as repetições de uma string e deixa pronto para edição.

Ctrl+I: Serve para selecionar toda a linha atual

Para uma lista de outros atalhos que podem ser uteis na edição, acesse o Keyboard Shortcuts Reference do Vs Code, ou acessando a barra de ferramentas do VsCode ->Help->(Keyboard Shortcuts Reference)

3.2.3 Vs Code S2 Git

  • Antes de enviar uma alteração para o repositório remoto garanta que as linhas alteradas no commit sejam referêntes ao que foi descrito no resumo do commit, para isso, se estiver usando o Visual Studio Code você pode verificar cada alteração feita no código desde o ultimo commit abrindo a terceira aba do menu lateral (View-> Git) ou apertando (Ctrl + Shift + G).

  • O Vs-Code integra com o Git permitindo que você possa enviar seus commits para o repositório remoto através da interface do proprio editor, para isso, busque na aba Git (Ctrl+Shift+G) o campo para escrever a mensagem do seu commit, selecionar os arquivos a serem commitados e clicando nos 3 pontos da aba (...) escolher a opção push para enviar seus commits para o repositório remoto.

3.2.4 Extensões

Segue alguns bons plugins para serem utilizados com o Vs Code: Para instalar essas extensões, procure por seus nomes no campo de pesquisa na aba de Extensões (Ctrl+Shift+X) no Vs-code e entenda como cada uma delas pode ajudar em sua produtividade.

Geral

  • Vscode-icons

  • Color HightLight

WEB

  • HTML Snippets

  • ESLint

  • Prettier - ESLint

Mobile - React-Native

  • Jsx

  • Jsx-snippets

  • React-native Snippet

Clone this wiki locally