vue todo app

TODO-APP

มันเป็นโครงการที่ง่ายในการฝึกฝนการรวมกันระหว่าง Vue, Vuex และ Element.ui

ตัวอย่าง: https://oussamaalouat.github.io/vue-todo-app/

การตั้งค่าโครงการ

 npm install

รวบรวมและเติมเต็มความร้อนเพื่อการพัฒนา

 npm run serve

รวบรวมและลดการผลิต

 npm run build

ปรับใช้บนเซิร์ฟเวอร์ Heroku

1. สร้างไฟล์ Server.js บนไดเรกทอรีรูทแอปของคุณ
2. แน่นอนว่ามีการติดตั้งการพึ่งพา "Express" และ "Serve-Static"
3. ติดตั้ง heroku บนเครื่องของคุณ (คำแนะนำ)-> https://devcenter.heroku.com/articles/heroku-cli
4. ขั้นตอน Heroku (ทำขั้นตอนต่อไปในเทอร์มินัลของคุณ)
   • Heroku เข้าสู่ระบบ
   • Heroku สร้าง vue-todo-app
   • git init (เฉพาะในกรณีที่โครงการของคุณไม่มี Git repo)
   • Heroku Git: รีโมท -a vue-todo-app
   • Git เพิ่ม
   • git commit -am "การปรับใช้ Heroku"
   • git push heroku master
5. แอพของคุณพร้อมแล้วคุณสามารถเห็นขั้นตอนทั้งหมดของ Heroku ในเอกสารของ Heroku

แอพของฉันเกี่ยวกับ Heroku: https://vue-todo-test.herokuapp.com/

ปรับใช้บน webapp.io

1. แยกที่เก็บนี้ (พร้อม layerfile)
2. สร้างบัญชีฟรีที่ webapp.io
3. ติดตั้ง webapp.io บน gitHub ของคุณ
   • ตรวจสอบให้แน่ใจว่า WebApp.io สามารถเข้าถึงที่เก็บข้อมูลนี้ได้
4. ผลักดันไปยังที่เก็บข้อมูลของคุณ
   • บังคับให้ผลักดันไปยังสาขาหลักหากจำเป็น
5. รอให้ LayerFile ทำงานให้เสร็จในหน้า "Commits ล่าสุด"
6. คลิกที่ปุ่ม "ปรับใช้" หลังจาก LayerFile เสร็จสิ้นสำเร็จและเลือกโดเมนเพื่อปรับใช้

สำหรับข้อมูลเพิ่มเติมตรวจสอบเอกสาร WebApp.io บนโฮสติ้ง

หน้า GitHub

จะมีหน้า gitHub ในโครงการ VUE ใด ๆ :

1. deploy.sh ไฟล์ -> เพิ่มไฟล์นี้ลงในโฟลเดอร์ของรูทแอป

 #! /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 -> เพิ่มไฟล์นี้ลงในแอพของรูท (ฉันตัดสินใจใส่ '/vue-todo-app' เพราะเป็นชื่อโครงการ GitHub ของฉันคุณใส่ชื่อโครงการ GitHub ของคุณ)

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