vue todo app

diario

Es un proyecto fácil practicar la integración entre Vue, Vuex y Element.ui.

Demostración: https://oussamaalouat.github.io/vue-todo-app/

Configuración del proyecto

 npm install

Compila y recargadores de calor para el desarrollo

 npm run serve

Compila y minifica para la producción

 npm run build

Implementar en el servidor Heroku

1. Crear archivo Server.js en el directorio de su aplicación root.
2. Seguro que se instalan dependencias "Express" y "Serv-Static".
3. Instale Heroku en su máquina (instrucciones)-> https://devcenter.heroku.com/articles/Heroku-cli
4. Pasos de Heroku (haga los próximos pasos en su terminal).
   • Heroku Iniciar sesión
   • Heroku crea vue-todo-app
   • git init (solo si su proyecto no tiene repo Git)
   • Heroku git: remoto -A vue-todo-app
   • Git Agregar.
   • git commit -AM "implementación de Heroku"
   • git empuje heroku maestro
5. Su aplicación está lista, puede ver todos los pasos de Heroku en la documentación de Heroku.

Mi aplicación en Heroku: https://vue-todo-test.herokuapp.com/

Implementar en WebApp.io

1. Bifurca este repositorio (con la capa de capa).
2. Cree una cuenta gratuita en WebApp.io.
3. Instale WebApp.io en su github.
   • Asegúrese de que WebApp.io tenga acceso a este repositorio bifurcado.
4. Empuje a su repositorio bifurcado.
   • Forzar empuje a la rama maestra si es necesario.
5. Espere a que la capa de capa termine de funcionar en la página "Recién comprometidas"
6. Haga clic en el botón "Implementar" después de que la línea de capa termina con éxito, y seleccione un dominio para implementar.

Para obtener más información, consulte los documentos de WebApp.io sobre el alojamiento.

Páginas de Github

Tener páginas de Github en cualquier proyecto VUE:

1. File de implementación.sh -> Agregue este archivo a la carpeta de la aplicación 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 -> Agregue este archivo a la aplicación de Root. (Deceto poner '/vue-todo-app' porque es mi nombre de proyecto GitHub. Puses allí el nombre de tu proyecto GitHub)

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