Calculadora Aritmética

Apresentação do projeto

calculadora-vue.mp4

Projeto desenvolvido no curso de Full Stack Python da EBAC - Escola Britânica de Artes Criativas e Tecnologia.

Calculadora aritmética simples feita em VueJS.

Projeto contém dois campos para inserir os números e um campo do tipo select para escolher a operação aritmética. Ao alterar os valores, o cálculo já é realizado sem precisar clicar em nenhum botão.

🚀 Começando

Estas instruções permitirão que você obtenha uma cópia do projeto em execução em sua máquina local para fins de desenvolvimento e teste.

Pré-requisitos

Antes de começar, certifique-se de ter as seguintes ferramentas instaladas em sua máquina:

Node.js
NPM (geralmente vem com o Node.js)
VSCode +
Volar (and disable Vetur) +
TypeScript Vue Plugin (Volar).

Configuração customizada

Veja Vite Configuration Reference.

Instalação

Siga estas etapas a seguir para configurar o ambiente de desenvolvimento:

Clone este repositório em sua máquina local.
Navegue até o diretório clonado.
Execute o seguinte comando para instalar as dependências:

npm install

Executar o projeto

Para executar o projeto em modo de desenvolvimento, execute o comando:

npm run dev

Abra http://localhost:5173/ para visualizar no browser.

A página irá recarregar se alterações forem feitas.

Para executar o projeto em produção, execute o comando:

npm run build

No arquivo package.json na raiz do projeto, na chave "scripts", é possível alterar os comandos conforme desejado.

"scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },

Constrói o app para produção na pasta 'build'.

🛠️ Ferramentas utilizadas para construção do projeto

HTML - Linguagem de marcação utilizada na construção de páginas na Web.
CSS - Cascading Style Sheets é um mecanismo para adicionar estilos a uma página web.
Vue.js - Framework JavaScript de código-aberto, focado no desenvolvimento de interfaces de usuário e aplicativos de página única.
Bootstrap - Framework web open-source para desenvolvimento de componentes de interface para sites e aplicações web.
NPM - Gerenciador de pacotes padrão para o ambiente de tempo de execução JavaScript Node.JS.
Vite - Servidor de desenvolvimento local escrito pelo criador do Vue.js, e usado por padrão pelo Vue.js e para modelos de projeto React.

✒️ Autor

Guilherme Ferreira Camargo

guicamargo19/calculadora_vue