https://github.com/eliasmcastro/switch-case-youtube-todo-vuejs

Criando um app de todos/kanban utilizando Vue Router + Vuex com Vue.js
https://github.com/eliasmcastro/switch-case-youtube-todo-vuejs

vue vue-router vuex

Last synced: 17 days ago
JSON representation

Criando um app de todos/kanban utilizando Vue Router + Vuex com Vue.js

• Host: GitHub
• URL: https://github.com/eliasmcastro/switch-case-youtube-todo-vuejs
• Owner: eliasmcastro
• Created: 2021-07-09T14:51:33.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-07-09T17:40:22.000Z (over 3 years ago)
• Last Synced: 2024-11-14T08:37:59.201Z (3 months ago)
• Topics: vue, vue-router, vuex
• Language: Vue
• Homepage:
• Size: 174 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  





  Criando um app de todos/kanban utilizando Vue Router + Vuex com Vue.js





  

    Curso Iniciante (Conceitos básicos)

     |   

  

    Curso Intermediário (Vue Router + Vuex)

  



Por Switch Case




  Como executar o projeto   |   

  Anotações



Front-end




  



## Como executar o projeto

### Requisitos

- [Node.js](https://nodejs.org)

### Clonar este repositório

```bash

git clone https://github.com/eliasmcastro/switch-case-youtube-todo-vuejs.git

```

### Executar

- `cd switch-case-youtube-todo-vuejs` para entrar na pasta

- `npm install` para instalar as dependências do projeto

- `npm run serve` para iniciar o servidor de desenvolvimento

- Acessar http://localhost:8080

## Anotações

### Ambiente de desenvolvimento

- [Node.js & NPM](https://nodejs.org)

  - O Node.js deve ser instalado via [package manager](https://nodejs.org/en/download/package-manager) utilizando o Chocolatey no Windows

    - Instalar o [Chocolatey](https://chocolatey.org/install)

    - Executar `cinst nodejs-lts` para instalar o Node.js

    - Executar `node -v` e `npm -v` para verificar se a instalação deu certo

- [Visual Studio Code](https://code.visualstudio.com)

  - Instalar o Visual Studio Code

  - Extensões

    - Tema do Dracula Official

    - Material Icon Theme

    - Vetur

  - Fontes

    - [Fira Code](https://github.com/tonsky/FiraCode)

- [Vue CLI](https://cli.vuejs.org)

  - O Vue CLI é um sistema completo para o desenvolvimento rápido de Vue.js

  - Para realizar a instalação, execute `npm install -g @vue/cli`

### Criando um projeto

- Executar `vue create nomeprojeto` para criar o o projeto

  - A pasta public é onde fica todos os arquivos acessíveis pelos usuários finais

  - A pasta src é onde fica todo o código da nossa aplicação

  - O arquivo package.json serve para guardar as informações de versões das dependências do projeto

- Executar `npm run serve` para inicializar o servidor em http://localhost:8080