vue todo app

TODO-APP

É um projeto fácil praticar a integração entre vue, vuex e element.ui.

Demo: https://oussamaalouat.github.io/vue-todo-app/

Configuração do projeto

 npm install

Compilam e reloades quentes para desenvolvimento

 npm run serve

Compila e minifica para a produção

 npm run build

Implantar no servidor Heroku

1. Criar arquivo server.js no diretório do seu aplicativo root.
2. Claro que as dependências "expresso" e "servir-estático" estão instaladas.
3. Instale o Heroku na sua máquina (Instruções)-> https://devcenter.heroku.com/articles/heroku-cli
4. Etapas Heroku (faça os próximos passos no seu terminal).
   • Heroku Login
   • Heroku Crie Vue-Todo-App
   • git init (apenas se o seu projeto não tiver repo Git)
   • Heroku Git: Remote -A Vue-Todo-App
   • git add.
   • Git Commit -am "implantação de Heroku"
   • Git Push Heroku Master
5. Seu aplicativo está pronto, você pode ver todos os passos da Heroku na documentação do Heroku.

Meu aplicativo em Heroku: https://vue-todo-test.herokuapp.com/

Implante no webapp.io

1. Foreque este repositório (com o LayerFile).
2. Crie uma conta gratuita em webapp.io.
3. Instale o webapp.io no seu github.
   • Verifique se o WebApp.io tem acesso a este repositório bifurcado.
4. Empurre para o seu repositório bifurcado.
   • Força empurrar para o ramo mestre, se necessário.
5. Aguarde o LayerFile termine de executar na página "Commits recente"
6. Clique no botão "Implantar" após o término do LayerFile com sucesso e selecione um domínio para o qual implantar.

Para obter mais informações, consulte os documentos do WebApp.io sobre hospedagem.

Páginas do Github

Para ter páginas do Github em qualquer projeto Vue:

1. Arquivo implantado.sh -> Adicionar este arquivo à pasta do aplicativo root.

 #! /usr/bin/env sh

# abort on errors
set -e

# build
npm run build

# navigate into the build output directory
cd dist

# if you are deploying to a custom domain
# echo 'www.example.com' > CNAME

git init
git add -A
git commit -m ' deploy '

# if you are deploying to https://<USERNAME>.github.io
# git push -f [email protected]:<USERNAME>/<USERNAME>.github.io.git master

# if you are deploying to https://<USERNAME>.github.io/<REPO>
git push -f [email protected]:OussamaAlouat/vue-todo-app.git master:gh-pages

cd -

2. vue.config.js -> Adicione este arquivo ao aplicativo da root. (Eu decido put '/vue-todo-app' porque é o meu nome do projeto do github. Você coloca o nome do projeto do seu github)

 module . exports = {
    baseUrl : process . env . NODE_ENV === 'production'
        ? '/vue-todo-app/'
        : '/'
}