Mudanças entre as edições de "Instalação Visual Studio Code (Windows)"

De Redome
Ir para: navegação, pesquisa
 
(7 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
[[Ambiente Desenvolvedor|Voltar]]
+
[[Ambiente Desenvolvedor|'''Voltar''']]
 
<br/><br/>
 
<br/><br/>
 
O Visual Studio Code pode ser obtido em: https://code.visualstudio.com/download.
 
O Visual Studio Code pode ser obtido em: https://code.visualstudio.com/download.
Linha 10: Linha 10:
 
[[Arquivo:vsc2.png|700px|thumb|nenhum]]  
 
[[Arquivo:vsc2.png|700px|thumb|nenhum]]  
 
<br/><br/>
 
<br/><br/>
Avance todas as etapas do instalador até concluir a instalação e abra o Visual Studio Code.
+
Avance todas as etapas do instalador até concluir a instalação e abra o Visual Studio Code.<br/><br/>
 
+
= Configuração do Projeto Redome-Front no VS Code =
 
+
<br/>
Configuração do Projeto Redome-Front no VS Code
+
Selecionar a pasta onde está o repositório do projeto:<br/>
 
 
Selecionar a pasta onde está o repositório do projeto:
 
 
<br/><br/>
 
<br/><br/>
 
[[Arquivo:vsc3.png|700px|thumb|nenhum]]  
 
[[Arquivo:vsc3.png|700px|thumb|nenhum]]  

Edição atual tal como às 20h09min de 1 de abril de 2021

Voltar

O Visual Studio Code pode ser obtido em: https://code.visualstudio.com/download.

Vsc1.png



Baixe e execute o instalador (dê preferência ao instalador de 64 bits, se a arquitetura do seu Windows suportar).

Vsc2.png



Avance todas as etapas do instalador até concluir a instalação e abra o Visual Studio Code.

Configuração do Projeto Redome-Front no VS Code


Selecionar a pasta onde está o repositório do projeto:


Vsc3.png



Abra o Terminal de Comando:

Vsc4.png



O npm verificará se há um arquivo package-lock.json para instalar os módulos. Caso nenhum arquivo lock esteja disponível, ele leria a partir do arquivo package.json para determinar as instalações. Normalmente, é mais rápido instalar a partir do package-lock.json, pois o arquivo lock contém a versão exata dos módulos e suas dependências. Isso significa que o npm não precisa gastar tempo para descobrir uma versão adequada para instalar.

Para instalar os módulos necessários para este projeto, digite: npm install

Vsc5.png



  Para executar o projeto redome-front, digite: npm start

Vsc6.png



Término da execução com sucesso:

Vsc7.png



Instalando Extensões:

Vsc8.png



Principais Extensões:

EJS language support
snippet-creator
Remote - Containers
Prettier - Code formatter
EditorConfig for VS Code
Angular Snippets (Version 11)
Angular Language Service
Auto Import
Debugger for Chrome
Document This
Eclipse Keymap
TSLint
TypeScript Toolbox
vscode-icons
Material Icon Theme
One Dark Pro