vue todo app

todo-apparence

Il s'agit d'un projet facile pour pratiquer l'intégration entre Vue, Vuex et Element.UI.

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

Configuration du projet

 npm install

Compiles et recharges à chaud pour le développement

 npm run serve

Compiles et minifie pour la production

 npm run build

Déployer sur le serveur Heroku

1. Créez un fichier Server.js dans le répertoire de votre application racine.
2. Bien sûr, que des dépendances "express" et "servantes-statiques" sont installées.
3. Installez Heroku sur votre machine (instructions) -> https://devcenter.heroku.com/articles/heroku-cli
4. Heroku Steps (faites les prochaines étapes de votre terminal).
   • Heroku Connexion
   • Heroku créer Vue-Todo-App
   • git init (seulement si votre projet n'a pas de repo git)
   • Heroku Git: Remote -a Vue-Todo-App
   • git add.
   • Git commet -m "Déploiement d'Heroku"
   • Git pousse Heroku Master
5. Votre application est prête, vous pouvez voir toutes les étapes d'Heroku sur la documentation d'Heroku.

Mon application sur Heroku: https://vue-todo-test.herokuapp.com/

Déployer sur webapp.io

1. Fourk ce référentiel (avec le fichier de couche).
2. Créez un compte gratuit sur webapp.io.
3. Installez WebApp.io sur votre github.
   • Assurez-vous que WebApp.io a accès à ce référentiel fourchu.
4. Poussez vers votre référentiel fourchu.
   • Forcer la poussée vers la branche maître si nécessaire.
5. Attendez que le couche de couche finisse de fonctionner sur la page "Commits récents"
6. Cliquez sur le bouton "Déployer" une fois que le fichier de couche terminé avec succès et sélectionnez un domaine à déployer.

Pour plus d'informations, consultez les documents WebApp.io sur l'hébergement.

Pages github

Pour avoir des pages GitHub sur n'importe quel projet VUE:

1. Deploy.sh Fichier -> Ajoutez ce fichier dans le dossier de ROOT APP.

 #! /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 -> Ajoutez ce fichier à l'application de root. (Je décide de mettre «/ vue-todo-app» car est mon nom de projet github. Vous y mettez votre nom de projet GitHub)

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