vue todo app

TODO-APP

Ini adalah proyek yang mudah untuk mempraktikkan integrasi antara Vue, Vuex dan Element.ui.

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

Pengaturan Proyek

 npm install

Mengkompilasi dan memuat hot-reload untuk pengembangan

 npm run serve

Mengkompilasi dan mengurangi untuk produksi

 npm run build

Menyebarkan di server Heroku

1. Buat file server.js di direktori aplikasi root Anda.
2. Yakin bahwa dependensi "ekspres" dan "sajian-statis" dipasang.
3. Instal Heroku di mesin Anda (instruksi)-> https://devcenter.heroku.com/articles/heroku-li
4. Langkah Heroku (lakukan langkah selanjutnya di terminal Anda).
   • Heroku Login
   • Heroku Buat Vue-Todo-App
   • git init (hanya jika proyek Anda tidak memiliki repo git)
   • Heroku Git: Remote -A Vue-Todo-App
   • git add.
   • git commit -am "Heroku Deployment"
   • git dorong master heroku
5. Aplikasi Anda siap Anda dapat melihat semua langkah Heroku pada dokumentasi Heroku.

Aplikasi saya di Heroku: https://vue-todo-test.herokuapp.com/

Menyebarkan di webapp.io

1. Fork Repositori ini (dengan LayerFile).
2. Buat akun gratis di webapp.io.
3. Instal webapp.io di github Anda.
   • Pastikan bahwa Webapp.io memiliki akses ke repositori bercabang ini.
4. Dorong ke repositori bercabang Anda.
   • Paksa Dorong ke Cabang Master jika diperlukan.
5. Tunggu sampai LayerFile selesai berjalan di halaman "Commits Terbaru"
6. Klik tombol "Deploy" setelah LayerFile selesai selesai, dan pilih domain untuk digunakan.

Untuk informasi lebih lanjut, lihat dokumen webapp.io saat hosting.

Halaman GitHub

Untuk memiliki halaman github pada proyek vue apa pun:

1. Deploy.sh File -> Tambahkan file ini ke folder root aplikasi.

 #! /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 -> Tambahkan file ini ke aplikasi root. (Saya memutuskan menempatkan '/vue-todo-app' karena nama proyek GitHub saya. Anda menempatkan di sana nama proyek github Anda)

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