vue todo app

Todo-App

Es ist ein einfaches Projekt, die Integration zwischen Vue, Vuex und Element.ui zu üben.

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

Projekt -Setup

 npm install

Kompiliert und heiß-reloads für die Entwicklung

 npm run serve

Kompiliert und minimiert für die Produktion

 npm run build

Bereitstellen auf Heroku Server

1. Erstellen Sie die Server.js -Datei im Verzeichnis Ihrer Root -App.
2. Sicher, dass "Express" und "Serve-statische" Abhängigkeiten installiert sind.
3. Installieren Sie Heroku auf Ihrem Computer (Anweisungen)-> https://devcenter.heroku.com/articles/heroku-cli
4. Heroku -Schritte (machen Sie die nächsten Schritte auf Ihrem Terminal).
   • Heroku Login
   • Heroku erstellen Vue-Todo-App
   • Git init (nur wenn Ihr Projekt kein Git Repo hat)
   • Heroku Git: Remote-A Vue-Todo-App
   • Git Add.
   • Git Commit -am "Heroku -Einsatz"
   • Git Push Heroku Meister
5. Ihre App ist fertig. Sie können alle Heroku -Schritte in Herokus Dokumentation sehen.

Meine App auf Heroku: https://vue-todo-test.herokuapp.com/

Bereitstellung auf webapp.io

1. Geben Sie dieses Repository (mit der LayerFile).
2. Erstellen Sie ein kostenloses Konto unter webapp.io.
3. Installieren Sie WebApp.io in Ihrem GitHub.
   • Stellen Sie sicher, dass WebApp.io Zugriff auf dieses Forked Repository hat.
4. Drücken Sie in Ihr Gabel -Repository.
   • Erzwingen Sie bei Bedarf zum Master -Zweig.
5. Warten Sie, bis die LayerFile auf der Seite "Neue Commits" beendet wird
6. Klicken Sie auf die Schaltfläche "Bereitstellen", nachdem die LayerFile erfolgreich abgeschlossen ist, und wählen Sie eine Domäne aus, auf die Sie bereitstellen können.

Weitere Informationen finden Sie in den WebApp.io -Dokumenten zum Hosting.

Github -Seiten

GitHub -Seiten zu jedem Vue -Projekt haben:

1. Datei deploy.sh -Datei -> Fügen Sie diese Datei in den Ordner der Root -App hinzu.

 #! /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 -> Fügen Sie diese Datei zur App von Root hinzu. (Ich entscheide, '/vue-todo-App' zu putieren, weil mein GitHub-Projektname ist. Sie geben dort Ihren GitHub-Projektnamen ein.)

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