configuracao.md

@@ -14,13 +14,13 @@ Esta seção apresentará todas as configurações para executar o projeto.
   - [Configurando sua IDE](#configurando-a-ide)
   - [Clonando os Repositórios](#clonando-os-repositórios)
 - [Backend](#backend)
+  - [Tecnologias](#tecnologias)
   - [Configurando a Máquina](#configurando-a-máquina)
   - [Compilando](#compilando)
   - [Executando](#executando)
 - [Frontend](#frontend)
+  - [Tecnologias](#tecnologias-1)
   - [Configurando a Máquina](#configurando-a-máquina-1)
-  - [Compilando](#compilando-1)
-  - [Executando](#executando-1)
 
 ## Configurações Gerais
 
@@ -30,15 +30,34 @@ Aqui serão encontradas as instruções de configuração de ambos ambientes de
 
 #### Instalação
 
-TBD
-
-#### Verificação
-
-TBD
+Para instalar o [Node](https://nodejs.org/pt-br/download/), basta escolher a versão compatível com seu sistema operacional e seguir os passos da configuração.
 
 ### Configurando a IDE
 
-TBD
+Baixe o [Visual Studio Code](https://code.visualstudio.com/) e, para auxiliar no desenvolvimento do projeto, instale as seguintes extensões na sua máquina:
+
+- Nome: Auto Import - ES6, TS, JSX, TSX
+Link do Marketplace do VS: https://marketplace.visualstudio.com/items?itemName=NuclleaR.vscode-extension-auto-import;
+- Nome: Color Highlight
+Link do Marketplace do VS: https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight
+- Nome: ES7+ React/Redux/React-Native snippets
+Link do Marketplace do VS: https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
+- Nome: JavaScript and TypeScript Nightly
+ID: ms-vscode.vscode-typescript-next
+Link do Marketplace do VS: https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-next
+- Nome: npm
+Link do Marketplace do VS: https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script
+- Nome: npm Intellisense
+Link do Marketplace do VS: https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense
+- Nome: Prettier ESLint
+Link do Marketplace do VS: https://marketplace.visualstudio.com/items?itemName=rvest.vs-code-prettier-eslint
+- Nome: Simple React Snippets
+Link do Marketplace do VS: https://marketplace.visualstudio.com/items?itemName=burkeholland.simple-react-snippets
+- Nome: TSX Snippets
+Link do Marketplace do VS: https://marketplace.visualstudio.com/items?itemName=thezhir.vscode-snippets
+- Nome: Typescript React code snippets
+Link do Marketplace do VS: https://marketplace.visualstudio.com/items?itemName=infeng.vscode-react-typescript
+
 
 ### Clonando os Repositórios
 
@@ -50,7 +69,7 @@ TBD
 
 ### Back-end
 
-![NodeJS](https://cdn0.iconfinder.com/data/icons/long-shadow-web-icons/512/nodejs-32.png "Node.js") 
+![NodeJS](https://cdn0.iconfinder.com/data/icons/long-shadow-web-icons/512/nodejs-32.png "Node.js")
 [Node.js](https://nodejs.org/en/) / [Express.js](https://expressjs.com/)
 
 ### Configurando a Máquina
@@ -72,13 +91,12 @@ TBD
 ![React](https://cdn4.iconfinder.com/data/icons/logos-3/600/React.js_logo-32.png "React")
 [React](https://pt-br.reactjs.org/)
 
-![TypeScript](https://cdn.iconscout.com/icon/free/png-32/typescript-1174965.png "TypeScript") 
+![TypeScript](https://cdn.iconscout.com/icon/free/png-32/typescript-1174965.png "TypeScript")
 [TypeScript](https://www.typescriptlang.org/)
 
 ![Bootstrap](./resources/images/tutorial/bootstrap.png "Bootstrap")
 [Bootstrap](https://getbootstrap.com/)
 
-
 ### Configurando a Máquina
 
 No repositório do [frontend](https://tools.ages.pucrs.br/autis/autis-frontend) do projeto, podemos ver no README as informações referentes a configuração da máquina, compiliação e execução.