Projeto criado no curso de VueJS seguindo a playlist das aulas no YouTube.
- Instalar node.js e NPM ou Yarn
- Instalar VsCode
- Instalar o Vue CLI
$ npm install -g @vue/cli
ou
$ yarn global add @vue/cli
Entre no local onde deseja criar o projeto e execute o comando
$ vue create nome_do_projeto
Para subir o projeto para o gitHub, crie um novo repositório no gitHub com o o mesmo nome que você criou o projeto local com o Vue-CLI. Após criar o repositório no GitHub e o projeto localmente com o mesmo nome, execute o comando para configurar a origem do repositório:
$ git remote add origin <repo-url>
$ git push origin master
Depois escolha o gerenciador de pacotes/ projeto NPM ou Yarn. Após o projeto criado, entre na pasta do projeto e execute o comando para rodar o projeto em um servidor local na porta 8080. Se você escolheu o gerenciado de pacotes NPM execute
$ npm run serve
ou se escolheu o Yarn
$ yarn serve
Eu escolhi o Yarn por ser mais rápido
yarn install
yarn serve
yarn build
yarn lint
Veja Configuration Reference.
- Introdução
- Relembrando o DOM
- Ambiente de desenvolvimento
- Como criar um projeto
- Estrutura de um projeto Vuejs
- O que são componentes
- Como criar componentes
- Reatividade
- Data binding (One Way ":")
- Two way data binding com V-model
- Props (maneira de passar dados para um componente)
- V-if, V-else, V-else-if e V-show
- Classes condicionais
- V-for
- Eventos
- Formulários
- Validação
- Emissão de eventos
- Filtros (Foi removido na versão >= 3.0.0)
- Computed properties
- Como instalar bibliotecas externas no Vuejs (ex.: lodash)
- Frameworks CSS