اذهب إلى المحتوى

السؤال

نشر

السلام عليكم بحثت بشكل سريع وقمت بتحميل live server في VScode وحاولت اجربها ولكن ماكانت تشتغل وبحث لقيت هذي في قيت هب hotwire-livereload لكن مالقيت لها استخدام واضح او كيفية تثبيتها ولا يوجد لها فيديو ف هل يوجد اضافة في vs code تدعم ملفات ruby on rails , javascript , css , html ؟

Recommended Posts

  • 0
نشر

عليك أولاً تثبيت الحزمة من خلال الأمر التالي:

gem install hotwire-livereload

بعد ذلك عليك تنفيذ أمر تشغيل السكريبت:

rails livereload:install

وبشكل إفتراضي يتم الاستماع للتغيرات في الـ View وhelpers و assets.

وفي حال أردت إضافة مسار آخر للاستماع إليه عليك إضافته كالتالي:

config.hotwire_livereload.listen_paths << Rails.root.join("app/assets/builds")

وبالطبع يمكنك تغيير مسار الملفات التي تريد الاستماع إليها بأي مسار تريده.

 

  • 0
نشر
بتاريخ On 23‏/10‏/2023 at 13:17 قال Abdullah Saleh3:

ممتاز ، طيب هل هناك اي إضافات تنصحني بها للاستماع لأي متغرات في مشروعي في rails ؟

هذه الاضافات تعتبر جيدة جداً عند استخدام Ruby on Rails  و Git:

  1. erb: يمكنك استخدام هذا الامتداد لتمييز وتلوين ملفات erb التي تحتوي على رمز Ruby مدمج في HTML.
  2. GitLens: يوفر ميزات مفيدة للعمل مع Git في VSCode، مثل عرض تفاصيل الالتزامات وتتبع الأحداث والمقارنة بين الإصدارات وغيرها من الأدوات لتبسيط عملية الإصدار والتعامل مع التغييرات في مشروعك.

  3. Better Comments: يمكنك استخدام هذا الامتداد لتعزيز تعليقات الشيفرة الخاصة بك عن طريق تلوينها بطرق مختلفة حسب النوع، مما يسهل فهمها وتنظيمها.

  4. VSCode Ruby Test Explorer: يوفر هذا الامتداد واجهة مستخدم بديهية لتشغيل وتنظيم اختباراتك في مشروع Rails باستخدام أطر اختبار Ruby المختلفة مثل RSpec وCucumber.

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...