https://github.com/guicamargo19/calculadora_vue

Calculadora aritmética em VueJS
https://github.com/guicamargo19/calculadora_vue

bootstrap css3 html5 npm vite vscode vuejs

Last synced: 2 days ago
JSON representation

Calculadora aritmética em VueJS

• Host: GitHub
• URL: https://github.com/guicamargo19/calculadora_vue
• Owner: guicamargo19
• License: mit
• Created: 2024-01-10T14:35:42.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-04-23T18:02:02.000Z (7 months ago)
• Last Synced: 2024-04-24T20:05:53.071Z (7 months ago)
• Topics: bootstrap, css3, html5, npm, vite, vscode, vuejs
• Language: Vue
• Homepage: https://calculadora-vue-omega-sooty.vercel.app
• Size: 80.1 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Calculadora Aritmética

## Apresentação do projeto

https://github.com/guicamargo19/calculadora_vue/assets/133445061/f03ba057-9ba1-48b2-ad57-a5b39387d9e4

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](https://code.visualstudio.com/) + 

- [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + 

- [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## Configuração customizada

Veja [Vite Configuration Reference](https://vitejs.dev/config/).

## Instalação

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

1. Clone este repositório em sua máquina local.

2. Navegue até o diretório clonado.

3. 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/](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