Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon هل يمكنني استخدام ميزات Twill's Vue CLI مع Laravel Sail


هل يمكنني استخدام ميزات Twill's Vue CLI مع Laravel Sail


نعم ، يمكنك استخدام ميزات Vue CLI من Twill مع Laravel Sail. تم تصميم Twill للعمل بسلاسة مع Laravel ، بما في ذلك عند استخدام Laravel Sail كبيئة التطوير.

فيما يلي الخطوات اللازمة لاستخدام ميزات Twill's Vue CLI مع Laravel Sail:

1. قم بتثبيت Twill: اتبع خطوات تثبيت Twill القياسية ، كما هو موضح في [الوثائق Twill] (https://twillcms.com/docs/getting-started/installation.html). ويشمل ذلك تشغيل `الملحن يتطلب area17/twill:"^3.0 "` و `php الحرفي twill: install`.

2. قم بإعداد شراع Laravel: تأكد من إعداد تطبيق Laravel لاستخدام Sail Laravel. يتضمن ذلك إنشاء ملف `docker-corm.yml` وتشغيل" ./vendor/bin/sail up` لبدء بيئة التطوير.

3. استخدم أوامر Vue CLI من Twill: يوفر Twill مجموعة من أوامر Vue CLI التي يمكنك استخدامها لإدارة الأصول الأمامية الخاصة بك. هذه الأوامر تعمل بسلاسة مع لارافيل الشراع:

- `Sail NPM Run Dev`: قم بتشغيل خادم تطوير Vue.
- "Sail NPM Run Build`: بناء أصول Vue الخاصة بك للإنتاج.
-

يمكنك تشغيل هذه الأوامر من داخل بيئة Sail الخاصة بك ، تمامًا كما تفعل مع أي أمر آخر من Laravel Artisan.

4. دمج مكونات Twill's Vue: يوفر Twill مجموعة من مكونات Vue التي تم إنشاؤها مسبقًا يمكنك استخدامها في التطبيق الخاص بك. يمكنك استيراد هذه المكونات واستخدامها في رمز Vue.js الخاص بك ، تمامًا كما تفعل مع أي مكون Vue آخر.

5. التخصيص والتمديد: تم تصميم Twill ليكون قابلاً للتخصيص للغاية. يمكنك تعديل مكونات VUE ، وإنشاء مكوناتك المخصصة ، ودمج وظائف Twill الواجهة الأمامية مع تطبيق Laravel Sail.

من خلال اتباع هذه الخطوات ، يمكنك استخدام ميزات Vue CLI الخاصة بـ Twill CLI بسلاسة. يتيح لك ذلك الاستفادة من الأدوات الأمامية القوية لـ Twill مع الاستمرار في الاستفادة من سهولة الاستخدام والاتساق الذي توفره Laravel Sail.

الاستشهادات:
[1] https://github.com/area17/twill/issues/192
[2] https://twillcms.com/docs/getting-started/installation.html
[3] https://demos.pixinvent.com/vuexy-vuejs-admin-template/documentation/guide/laravel-integration/laravel-sail-docker.html
[4] https://laravel.com/docs/11.x/sail
[5] https://packagist.org/packages/laravel/sail