التحرير المباشر (تشبه CSSEDIT) SASS / أقل بدون CMD-S؟[مغلق]

StackOverflow https://stackoverflow.com/questions/9426913

  •  12-11-2019
  •  | 
  •  

سؤال

أريد حقا التبديل إلى Preprocessor CSS مثل SASS أو أقل ولكن أنا معتادا للغاية مع إعدادي الحالي ولم أر أي حلول موجودة بالنسبة لي. هل هناك أي؟

يمكنني استخدام CSSEDIT حاليا حاليا Mac وهو محرر Live CSS. في كل مرة يتحدث فيها الأشخاص عن هذا، يبدو أنهم يعتقدون أن "العيش" يعني أن الصفحات تتحد في كل مرة تقوم فيها بحفظ الملف. هذا ليس ما أقصده. إذا قمت بكتابة بعض CSS في CSSEDIT، فسيتم إظهار التغييرات على النحو الأول، دون الحاجة إلى حفظ الملف. هذا هو هذا الوقت التوقف، خاصة إذا كنت تستخدم التجربة والخطأ لاتخاذ قرار على سبيل المثال. مقدار الحشو لوضع عنصر أو تجربة ألوان مختلفة.

لذلك يبدو أن جميع خيارات SASS أو أقل، واكتب SASS / أقل، اضغط على cmd + s ، يتم إعادة تحميل الصفحة وترى تغييراتك. هذا ليس جيدا بما فيه الكفاية بالنسبة لي. هل هناك أي شيء يمكنني القيام به؟

لمزيد من الأشياء تعقيد، تم التخلي عن CSSEDIT الآن من قبل مطوره لصالح إسبرسو، الذي لم أتحرك إليه حتى الآن لأنه لا يزال يفتقر إلى بعض الميزات التي أعتمد عليها (تخصيص إعادة تهيئة رمز واحد).

هل كانت مفيدة؟

المحلول

Livereload إلى الإنقاذ!

لا أعتقد أنك ستجد حلا لا يتطلب منك حفظ الملف.

نصائح أخرى

دعم بناء الجملة أقل في العديد من المحررين لا يزال غير واسع، لذلك سيستغرق الأمر بعض الوقت قبل أن توجد هذه الوظائف المتطورة.

سيتطلب من المحرر ترجمة في كل تغيير في الملف، ولن يكون هذا فعالا لتجميعه عند كتابة حرف ... لذلك ربما يتعين عليه تجميعه عندما يكون هناك بناء جملة صالح (مترجمة دون أخطاء) ... والتي قد لا تجعل الأمر "لايف". قد يكون من الجدوى إلى CSS أو استخدام أقل.js، ربما يمكن أن يناسب هذا الغرض أفضل (لا حاجة لاستخدام البرامج الخارجية). Head إلى تطوير النص Sublime Plugin وربما كتابة هذا البرنامج المساعد؟ :) النص Sublime هو أفضل محرر قمت به، أيضا بسبب مرونته عندما يتعلق الأمر بالتواصل مع الإضافات. لذلك ربما؟

خلاف ذلك، يجب عليك الاستمرار في استخدام CSSEDIT والقيام بتحرير CSS Live كما وصفته، ثم قم ببساطة بنسخ التعليمات البرمجية التي تم تغييرها إلى ملفات أقل - تذكر أن أي CSS صالح أقل . أفعل نفس الشيء في Safari / Chrome Inspector أو Firebug، ثم قم بتطبيق التغييرات في الملفات بدونها. ليس مثاليا ولكن يعمل ..

في رأيي، يبدو هذا المشروع واعدة حقا: https://developers.google.com/chrome-developer-tools/docs/css-preprocessors

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top