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


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


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

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

1. تثبيت Twill: اتبع خطوات تثبيت Twill القياسية، كما هو موضح في وثائق Twill. يتضمن ذلك تشغيل `composer require Area17/twill:"^3.0"` و`php artisan twill:install`.

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

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

- `sail npm run dev`: قم بتشغيل خادم تطوير Vue.
- `sail npm run build`: أنشئ أصول Vue الخاصة بك للإنتاج.
- `sail npm run lint`: قم بإدراج كود Vue الخاص بك.

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

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

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

باتباع هذه الخطوات، يمكنك استخدام ميزات Twill's Vue CLI بسلاسة داخل بيئة تطوير Laravel Sail الخاصة بك. يتيح لك هذا الاستفادة من أدوات الواجهة الأمامية القوية لـ 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