استخدام البوصلة على نظام التشغيل Windows مع Visual Studio C# وASP.NET

Question

هل قام أي شخص بأي تطوير لـ Compass لـ CSS/SASS في بيئة C# ASP.NET القياسية؟

هل هناك توزيعة واحدة يمكنني تنزيلها وجاهزة للاستخدام لنظام التشغيل Windows أم أنني بحاجة إلى تثبيت كل جزء من المعادلة وإنشاء بوصلة بنفسي؟

هل هناك أي مكونات إضافية تجعل التطوير باستخدام Compass أكثر سهولة مع VS2008 مثل المعالجة التلقائية لـ Compass/SASS في الإنشاءات و/أو تمييز بناء الجملة و/أو دعم التحسس؟

إذا لم يكن هناك أي مكونات إضافية لـ VS IDE، فما هي أفضل الخيارات لمحرر نص مستقل للتعامل مع الترميز في Compass؟

Answer 1

لإكمال الإجابات الأخيرة، يمكنك تثبيت منضدة الويب, ، وهو مكون إضافي لبرنامج Visual Studio 2010 الذي يضيف تسليط الضوء على تركيب, الذكاء وبعض الأشياء الأخرى للغة SASS (بناء جملة SCSS فقط).

إذا كنت تفضل استخدام Compass و/أو بعض الأدوات الأخرى لتجميع CSS الخاص بك، فيجب عليك تعطيل المترجم المدمج.لقد أدرجت بعض مترجمي SASS الآخرين هنا: استخدام SASS مع ASP.NET.

لتعطيل المترجم المدمج:حدد ملف .scss في Solution Explorer، وانتقل إلى نافذة الخصائص واحذف النص من مربع الأدوات المخصصة.

منذ Web Workbench 3، يمكنك الآن إدارة ما تريد تجميعه بسهولة أكبر باستخدام هذا البرنامج الإضافي.راجع عنصر القائمة Mindscape > إعدادات Web Workbench.

Answer 2

الشروع في العمل مع البوصلة،

أولاً، نعم، يجب أن أقوم بتثبيت Ruby ومصدر البوصلة وتجميع إصدار البوصلة الخاص بي، وقد اتبعت الإرشادات الموجودة على Compass's Wiki ابدء.

بعد تثبيت وبناء Compass وكل تبعياته، قمت بإنشاء مشروعي الأول.

compass -f blueprint project-name

مما يؤدي إلى إنشاء مشروع افتراضي باستخدام البوصلة لإطار عمل Blueprint CSS، يوجد حاليًا خطأ في البوصلة أثناء إنشاء ملفgrid.png في دليل الصور للبوصلة لذا تحتاج إلى نسخgrid.png الأصلي من المجلد المصدر

C:\Ruby\lib\ruby\gems\1.8\gems\chriseppstein-compass-0.8.10
    \frameworks\blueprint\templates\project

أو يوجد ملف مشابه اعتمادًا على المكان الذي قمت بتثبيت كل شيء فيه.أحد أهم تغييرات المنظمة البحرية الدولية (IMO) للعمل مع البوصلة على asp.net هو تغيير توجيه SASS CACHE الخاص بالبوصلة.يقوم SASS CACHE بإنشاء مجموعة من المجلدات المؤقتة في دليل المشروع الخاص بك والتي من المحتمل أن تكون لها نتائج سيئة إذا انتهت تحت التحكم بالمصادر.لذا افتح config.rb وأضف هذا السطر

sass_options = {:cache_location => 
    "#{Compass.configuration.project_path}\\tmp\\sass-cache"} 

تأكد من ملاحظة الخطوط المائلة العكسية التي تم الهروب منها.

بعد ذلك قمت بتعديل أسماء المجلدات التي تستخدمها البوصلة بالطريقة التي أردت تسميتها داخل config.rb وبدأت في الوصول إليها باستخدام SASS وCompass.أوصي بمشاهدة فيديو المقدمة عن البوصلة والذي يستغرق ساعة، فهو مفيد جدًا وقد تعلمت منه الكثير: مشاهدة يلقي الشاشة.

أحد الأشياء التي أظهرها لي هذا هو كيفية ضبط البوصلة لمراقبة تغييرات نظام الملفات وتجميع sass إلى css تلقائيًا.باستخدام

compass -w

يعمل هذا جيدًا بالنسبة لي، فقط تأكد من الاحتفاظ بملفات CSS الخاصة بك محددة أو قم بإيقاف تشغيلها للقراءة فقط إذا كانت تحت التحكم بالمصادر إذا كان مشروعك لا يدعم عمليات السحب المتزامنة.

للتحرير، أستخدم SciTE المضمن مع Ruby افتراضيًا لملفات config.rb أو نافذة المحرر فقط في VS2008.بالنسبة لـ Sass، وجدت قائمة كبيرة على موقع هامل.jEdit مع تسليط الضوء على ملف بناء الجملة لـ SASS هو ما انتهى بي الأمر باستخدامه بعد تجربة عدد قليل.ما زلت أرغب في العثور على مكون إضافي لـ VS لتسليط الضوء على بناء الجملة، لذلك لا أحتاج إلى استخدام محرر آخر ولكن jEdit ينجز المهمة بالتأكيد.

Answer 3

وجوابي هو البالية قليلا. قبل اتباع جوابي الأصلي، أود أن أوصي استكشاف حزمة Nuget <لأ href = "http://blog.paulbetts.org/index.php/2011/05/16/announcing-sassandcoffee-0-5/" يختلط = " نوفولو "> SassAndCoffee. التفاصيل الكاملة ويمكن الاطلاع هنا .

<اقتباس فقرة>   

وكيف يعمل؟

     

وSassAndCoffee يضمن الأصلي   المجمعين في DLL باسم (ساس 3.2.0   وCoffeeScript 1.1.0 اعتبارا من هذا   الكتابة) ويستخدم آيرن روبي و   الجوراسي على التوالي لتنفيذ   المجمعين ضد المصدر.

     

لماذا   هذا أفضل من [SOMEOTHERPROJECT]؟

No external processes are executed
You don’t have to install Ruby or node.js
It’s in NuGet so you don’t have to fiddle with web.config
Files are cached and are rebuilt as-needed.

Answer 4

وكنت أريد أن أضيف هنا بديل آخر. إذا كنت ترغب فقط للتأكد من أن البوصلة يبني الملفات ساس وتشمل الملفات المغلق عند إنشاء مشروع ASP.net الخاص بك يمكنك إضافة ما يلي إلى المشروع (csproj) ملف تحت قسم مشروع:

<Target Name="AfterBuild" Condition="'$(Configuration)' == 'Release' ">
   <Exec Command="compass compile --output-style compressed --force" />
   <ItemGroup>
      <Content Include="Styles\*.css" />
   </ItemGroup>
</Target>
<Target Name="AfterCompile" Condition=" '$(Configuration)' == 'Debug' ">
    <Exec Command="compass compile" />
    <ItemGroup>
      <Content Include="Styles\*.css" />
   </ItemGroup>
</Target>

والهدف الأول هو الإصدار وسوف تضغط أيضا المغلق، والآخر هو لتصحيح.

إذا كنت ترغب في تخصيص مسارات تضيف config.rb إلى المجلد الجذر المشروع:

css_dir = "Content"
sass_dir = "Content/Sass"

وهذا كله بالطبع يتطلب البوصلة وروبي ليتم تثبيتها وتكون في طريق الجهاز الخاص بك.