الصفحة الرئيسية>موارد بناء الموقع>بيانات الموقع
تنزيل

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 (فقط إذا لم يكن مشروعك لا يملك ريبو)
    • Heroku Git: Remote -a Vue-Todo-App
    • إضافة git.
    • Git Compless -AM "Heroku Deployment"
    • غيت دفع هيروكو سيد
  5. تطبيقك جاهز ، يمكنك رؤية جميع خطوات Heroku على وثائق Heroku.

تطبيقي على Heroku: https://vue-todo-test.herokuapp.com/

نشر على webapp.io

  1. شوكة هذا المستودع (مع الطبقة).
  2. قم بإنشاء حساب مجاني على WebApp.io.
  3. تثبيت webapp.io على github الخاص بك.
    • تأكد من أن WebApp.io لديه إمكانية الوصول إلى هذا المستودع المتشعب.
  4. ادفع إلى مستودعك المتشعب.
    • دفع القوة إلى الفرع الرئيسي إذا لزم الأمر.
  5. انتظر حتى ينتهي Layerfile على صفحة "الالتزامات الحديثة"
  6. انقر فوق الزر "نشر" بعد انتهاء LayerFile بنجاح ، وحدد مجالًا للنشر إليه.

لمزيد من المعلومات ، تحقق من مستندات WebApp.io على الاستضافة.

صفحات جيثب

للحصول على صفحات 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 -
  1. vue.config.js -> أضف هذا الملف إلى تطبيق Root. (قررت وضع "/Vue-Todo-App" لأن اسم مشروع GitHub الخاص بي. لقد وضعت هناك اسم مشروع GitHub) 
 module . exports = {
    baseUrl : process . env . NODE_ENV === 'production'
        ? '/vue-todo-app/'
        : '/'
}

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل