| ... | ... | @@ -3,30 +3,30 @@ |
|
|
|
|
|
|
|
# Página de Configuração do Projeto
|
|
|
|
# Página de Configuração do Front
|
|
|
|
O front foi desenvolvido utilizando tecnologia React e o seu código-fonte pode ser obtido [neste repositório](http://tools.ages.pucrs.br/calculadora/calculadora-front).
|
|
|
|
### O front foi desenvolvido utilizando tecnologia React e o seu código-fonte pode ser obtido [neste repositório](http://tools.ages.pucrs.br/calculadora/calculadora-front).
|
|
|
|
|
|
|
|
* Primeiro você deve clonar o projeto pelo terminal/Git Bash pelo comando
|
|
|
|
* #### Primeiro você deve clonar o projeto pelo terminal/Git Bash pelo comando
|
|
|
|
|
|
|
|
`git clone http://tools.ages.pucrs.br/calculadora/calculadora-front.git`
|
|
|
|
#### `git clone http://tools.ages.pucrs.br/calculadora/calculadora-front.git`
|
|
|
|
|
|
|
|
* Após isso, você deve garantir que possui o [NodeJS](https://nodejs.org/en/) instalado. Para verificar a versão atual do NodeJS instalado no seu computador digite no terminal: `node --version`. Caso não o tenha instalado pode seguir para este [link](https://nodejs.org/en/download/) que irá lhe auxiliar na instalação.
|
|
|
|
* #### Após isso, você deve garantir que possui o [NodeJS](https://nodejs.org/en/) instalado. Para verificar a versão atual do NodeJS instalado no seu computador digite no terminal: `node --version`. Caso não o tenha instalado pode seguir para este [link](https://nodejs.org/en/download/) que irá lhe auxiliar na instalação.
|
|
|
|
|
|
|
|
* OBS1: Ao instalar o node o [NPM](https://www.npmjs.com/) será instalado também. Para verificar a versão atual do NPM digite no terminal: `npm --version`
|
|
|
|
Caso necessite de mais informações acesse (https://www.npmjs.com/get-npm)
|
|
|
|
* #### OBS1: Ao instalar o node o [NPM](https://www.npmjs.com/) será instalado também. Para verificar a versão atual do NPM digite no terminal: `npm --version`
|
|
|
|
#### Caso necessite de mais informações acesse (https://www.npmjs.com/get-npm)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
* Com estes dois requisitos instalados, você pode entrar na pasta raiz do projeto e digitar `npm install` para instalar as dependências do projeto.
|
|
|
|
Caso necessite de mais informações acesse (https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)
|
|
|
|
* #### Com estes dois requisitos instalados, você pode entrar na pasta raiz do projeto e digitar `npm install` para instalar as dependências do projeto.
|
|
|
|
#### Caso necessite de mais informações acesse (https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)
|
|
|
|
|
|
|
|
* Por fim, você pode rodar seu projeto com `npm start`. Automaticamente irá abrir uma página no navegador e você pode começar a desenvolver a aplicação.
|
|
|
|
* #### Por fim, você pode rodar seu projeto com `npm start`. Automaticamente irá abrir uma página no navegador e você pode começar a desenvolver a aplicação.
|
|
|
|
|
|
|
|
|
|
|
|
* ## Configuração das extensões do Visual Studio Code.
|
|
|
|
* 1° passo: Baixar o [Visual Studio Code](https://code.visualstudio.com).
|
|
|
|
* 2° passo: Dentro do Visual Studio Code abrir a as extensões e baixar os seguintes plugins.
|
|
|
|
* #### 1° passo: Baixar o [Visual Studio Code](https://code.visualstudio.com).
|
|
|
|
* #### 2° passo: Dentro do Visual Studio Code abrir a as extensões e baixar os seguintes plugins.
|
|
|
|
|
|
|
|
#### **Lista de plugins**.
|
|
|
|
##### **Lista de plugins**.
|
|
|
|
* [Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer)
|
|
|
|
* [HTML CSS Support](https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css)
|
|
|
|
* [JavaScript (ES6) code snippets](https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets)
|
| ... | ... | |
