باستخدام Haml & Sass مع الكسوف

https://stackoverflow.com/questions/1474096

16-09-2019
|

سؤال

هل هناك أي إضافات ل Eclipse التي تضيف تمييز جملة الجملة وغيرها من النيقطين للتحرير حملا و ساسلب يبحث في Google أن يشير فقط إلى مشروع ميت على Lucky-Dip.net.

ملاحظة: إنه ساس أنا مهتم ب. حل لاستخدام SASS فقط (أو شيء مشابه له مثل أقل) في الكسوف سوف يناسب احتياجاتي.

أيضا، أنا أتطور لمحرك تطبيقات Google (Java)، باستخدام البرنامج المساعد لمحرك التطبيق من أجل الكسوف. لذلك التبديل إلى IDE آخر ليس خيارا.

تحديث: لذلك لدي بناء الجملة تسليط الضوء الآن باستخدام إجابة باسكال ولقد مثبت روبي و بوصلة لتجميع SASS في CSS.

ومع ذلك أنا أدرك أن سيتم تغيير بناء جملة SASS مع 2.4 لذلك ما زلت أحب الحصول على محررات Haml و SASS التي تأتي مع Aptana للعمل. عندما حاولت استخدامها، ألقوا استثناءا ولن يعرضون الملفات. سأكون مهتما بمعرفة ما إذا كان ذلك لأنني أخطأت في Aptana أو خطأ فعلي في المحررين.

سأكون أيضا جداً مهتما بأي طريقة في تجميع SASS الذي تم دمجه بتخريدك بحيث لم يكن لدي لتشغيل شيء منفصل عنه. (أو طريقة لوضع SASS / COMPASS في عملية بناء المدتكش.)

المحلول

حسنا، ماذا عن aptana.ب بحسب ال HAML / SAAS Syntax تسليط الضوء على Aptana / Eclipse مشاركة مدونة:

في الآونة الأخيرة، لقد كنت تستخدم حملا في بعض مشاريع القضبان بلدي. ببساطة يجعل وجهات نظرك نظيفة وقابلة للقراءة. قضية واحدة كنت قد تسلط الضوء على بناء الجملة في IDE المفضلة لدي، استوديو aptana. وبعد HAML. بناء الجملة تسلط الضوء على الدعم وقد تم إيقافه منذ فترة وقد أثارت المزيد من القضايا بعد التحديثات الأخيرة Aptana الأخيرة.

بعد بعض الأبحاث، وجدت حل تم نشره بواسطة Max Kostovetski، عضو في مجموعة Haml Google. الآن، إلى الخطوات:

قم بتنزيل الملفات التالية إلى محرك الأقراص الثابتة:>

http://haml.googlegroups.com/web/haml_lexer.lxr.

http://haml.googlegroups.com/web/haml.col.

http://haml.googlegroups.com/web/sass_lexer.lxr.

http://haml.googlegroups.com/web/sass.col.

من عند ~~aptana.~~Eclipse "Window" القائمة، حدد "تفضيلات ..."

في نافذة التفضيلات، حدد "المحررين"> "نص عام"

اضغط على "إضافة ..." لإضافة ملحقات ملفات جديدة: *.haml و *.sass

لكل من الامتدادات الجديدة، انقر فوقه واضغط على "استعراض ..." لتحديد ملف Lexer المناسب (*.lxr)

للتلوين، اضغط على "استيراد ..." لاستيراد *.col الملفات

اضغط موافق"

استمتع بآراء Haml

ملاحظة: الرجوع إلى منشور المدونة الأصلية لأنه يوفر روابط محدثة.

ملحوظة: هذا يمكن استخدامه مع aptana الرادينات eclipse البرنامج المساعد وكذلك استوديو aptana

تحديث: في وقت كتابة هذا التقرير، يبدو أن عدات الرصاص والاستوديو تدعم HAML و SASS بحيث لا يكون من الضروري الآن اتباع الخطوات المذكورة أعلاه.

لتجميع SAAS بطريقة "متكاملة" داخل الكسوف، يمكنك فقط استخدام أداة خارجية (تشغيل> الأدوات الخارجية). سيكون خيار آخر مزين في إضافة "باني البرامج"لمشروعك بناة مثل في هذا مشاركة مدونة. وبعد بطبيعة الحال، سيتطلب الحل الموصوف أن يتم تكييفه مع SAAS ولكن المبادئ التي تتقنها تنطبق. تحذير: لم أقم بتطبيقها بنفسي، إنها مجرد فكرة ولست متأكدا من الشعور بها.

نصائح أخرى

لاحظ أن ذلك آخر eclipsecolor. يدعم فعلا كلا من Haml & Sass. قد يكون ذلك خيارا بديلا جيدا إذا لم تكن بحاجة إلى مجموعة كاملة من Aptana IDE، ولكن فقط تبحث عن محرر.

يمنحك Eclipsecolor أيضا دعم بناء جملة أفضل: يتم تمييز لغات أخرى داخل HAML فيما يتعلق ببناءها (Mixins ل Ruby، JavaScript، CSS، حتى SASS).

على الرغم من أنه لا يبدو أن هناك حلاصين في بناء جملة Haml أو SASS حتى الآن، فقد ترغب في التفكير في القيام بشيء ما على غرار جلب VIM (والتي لديها دعم لتسليط الضوء على بناء جملة Haml) في الكسوف عبر عدد قليل من الإضافات المتاحة. eclim. قد يكون احتمال (على الرغم من أنني لم أستخدمها - مجرد محاولة تقديم بدائل أخرى).

هناك خيارات أخرى هي تناول بناء جملة Eclipse الموجودة بالفعل لتسليط الضوء على المكونات الإضافية وإضافة بناء الجملة لتسليط الضوء على SASS و / أو HAML. شيء مثل eclipse الملون قد يكون يستحق النظر في.

أعلم أن هذا سؤال قديم، ولكن بالنسبة لأي شخص جديد إلى Sass Aond Compass مثلي، فقد قمت للتو بتثبيت Aptana Studio 3 ولديها الآن دعم ل .scss، و. يتمتع.

يسبب Aptana العديد من المشكلات بالنسبة لي، لذلك بعد الكثير من البحث (الذي ظهر هذا الموضوع)، وجدت ترخيص ترخيص الترفيه (https://marketplace.eclipse.org/content/liclipsetext.)

إنه مكون إضافي يوفر، من بين أشياء أخرى، بناء جملة للحصول على ملفات SASS / SCSS. يبدو أنه يعمل، ولديه "تسليط الضوء على بناء الجملة (Liclipse، TextMate أو Sublimetext)"، لذلك ربما شكلي تماما (لم ألعب حولها كثيرا، ولكن ميزة تسليط الضوء على بناء الجملة الأساسي تعمل من أجلي، وهو أكثر من Eclipse Wst CSS Editor يمكن القيام به لملفات SCSS).

إنه مكون المحرر مفتوح المصادر في البرنامج المساعد Liclipse التجاري (https://marketplace.eclipse.org/content/liclipse.) التي لم أستخدمها.

لقد وجدت البرنامج المساعد الملون في إجابة Igor مثيرة للاهتمام، لكنني أستخدم ملفات ملفات .scss ويعمل فقط لملفات .sass. إليك كيفية جعل ذلك دعم ملف التمديد .scss:

أولا تثبيت البرنامج المساعد كالمعتاد. يختار Install New software في قائمة "تعليمات" في الكسوف وإضافة المستودع التالي: http://colorer.sf.net/eclipsecolorer. وبعد حدد الآن هذا المستودع ويجب أن نرى خيار تثبيت Collipse Colorer. لا يوجد خيار تثبيت السحب AFAIK.

بعد التثبيت، Goto Colorer Plugin Folder داخل دليل البرنامج المساعد في Eclipse. في حالتي eclipse/plugins/net.sf.colorer_0.9.9/. وبعد سيكون لديك لتعديل 3 ملفات:

الملونة / HRC / common.jar
الملونة / HRC / proto.hrc
/plugin.xml.

قبل القيام بأي من التعليمات أدناه، يرجى النسخ الاحتياطي لجميع الملفات في المجلد من أجل استعادةها إذا حدث خطأ ما.

تعديل common.jar.

استخراج common.jar إلى مجلد فارغ. يتم ذلك مثل أي ملف tar.gz العادي. مرة واحدة استخراج سوف تضطر إلى تعديل 2 ملفات في ذلك:

خطوط مكررة 53 و 53 في inet/haml.hrc وتغييره إلى SCSS. يجب أن تكون النتيجة مثل أدناه:

<block start='/^((\s\s)*):(sass)/' end='/^\M (\s*$|\y1\s)?! /ix' region='def:Insertion' region01='def:Outlined'
    region00='def:PairStart' region10='def:PairEnd' content-priority='low' scheme='sass:sass'/>
<block start='/^((\s\s)*):(scss)/' end='/^\M (\s*$|\y1\s)?! /ix' region='def:Insertion' region01='def:Outlined'
    region00='def:PairStart' region10='def:PairEnd' content-priority='low' scheme='scss:scss'/>

الآن نسخ inet/sass.hrc ل inet/scss.hrc وتغيير الخطوط ذات الصلة. النتيجة scss.hrc يجب أن يكون مثل أدناه:

<?xml version="1.0" encoding='Windows-1251'?>
<!DOCTYPE hrc PUBLIC "-//Cail Lomecb//DTD Colorer HRC take5//EN"
  "http://colorer.sf.net/2003/hrc.dtd">
<hrc version="take5" xmlns="http://colorer.sf.net/2003/hrc"
     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
     xsi:schemaLocation="http://colorer.sf.net/2003/hrc http://colorer.sf.net/2003/hrc.xsd">

  <type name="scss">

    <annotation>
     <documentation>
      SCSS Sassy CSS 
     </documentation>
     <contributors><![CDATA[
     Igor Russkih irusskih at gmail dot com
     ]]></contributors>
    </annotation>

    <region name="ClassSelector" parent="def:TypeKeyword"/>
    <region name="IDSelector" parent="def:Keyword"/>
    <region name="IncludeMixin" parent="def:Label"/>

    <scheme name='PropertyNames'>
      <regexp match="/(\$)([\w\d\-]+)/" region='def:Var'/>
      <inherit scheme='css:PropertyNames'/>
    </scheme>

    <scheme name="PropertyWrapper">
       <block start="/~/" end="/(:|\s|$)/" scheme="PropertyNames" region10="def:Symbol"/>

       <regexp match="/(\$)([\w\d\-]+)/" region='def:Var'/>

       <inherit scheme="css:Property"/>
    </scheme>

    <scheme name="scss">
       <!-- property value after colon -->
       <block start="/\M([\$\w\d\-]+)\s*(:)/" end="/\M([\x22\x27]|$)/"
              scheme="PropertyWrapper" region02="def:Symbol"
       />
       <block start="/(:)\s*\M([\w\d\-]+)?/" end="/\M([\x22\x27]|$)/"
              scheme="PropertyWrapper" region02="def:Symbol"
       />
       <regexp match="/^ \s* \M[\.\#\=\@\!] (?{def:Outlined}[\w\d\-]+ ) /x" />

       <regexp match="/ \. (?{ClassSelector}[\w\d\-]+ ) /x" />
       <regexp match="/ \# (?{IDSelector}[\w\d\-]+ ) /x" />
       <regexp match="/ [\=\+] (?{IncludeMixin}[\w\d\-]+ ) /x" />

       <regexp match="/[\(\)&apos;&quot;]/" region='def:Symbol'/>

       <regexp match="/\/\/.*$/" region='def:Comment'/>

       <regexp match="/\@(import|extend|mixin)/" region='def:Keyword'/>

    </scheme>

  </type>
</hrc>
<!-- ***** BEGIN LICENSE BLOCK *****
   - Version: MPL 1.1/GPL 2.0/LGPL 2.1
   -
   - The contents of this file are subject to the Mozilla Public License Version
   - 1.1 (the "License"); you may not use this file except in compliance with
   - the License. You may obtain a copy of the License at
   - http://www.mozilla.org/MPL/
   -
   - Software distributed under the License is distributed on an "AS IS" basis,
   - WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
   - for the specific language governing rights and limitations under the
   - License.
   -
   - The Original Code is the Colorer Library.
   -
   - The Initial Developer of the Original Code is
   - Igor Russkih <irusskih at gmail dot com>
   - Portions created by the Initial Developer are Copyright (C) 2010
   - the Initial Developer. All Rights Reserved.
   -
   - Contributor(s): 
   -
   - Alternatively, the contents of this file may be used under the terms of
   - either the GNU General Public License Version 2 or later (the "GPL"), or
   - the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
   - in which case the provisions of the GPL or the LGPL are applicable instead
   - of those above. If you wish to allow use of your version of this file only
   - under the terms of either the GPL or the LGPL, and not to allow others to
   - use your version of this file under the terms of the MPL, indicate your
   - decision by deleting the provisions above and replace them with the notice
   - and other provisions required by the LGPL or the GPL. If you do not delete
   - the provisions above, a recipient may use your version of this file under
   - the terms of any one of the MPL, the GPL or the LGPL.
   -
   - ***** END LICENSE BLOCK ***** -->

بعد ذلك، قم بتشغيل الأمر التالي في المجلد الذي تستخرج فيه Common.jar لإعادة إنشاء ملف JAR:

jar cf common.jar *

ثم استبدل ملف جرة الأصلي عن طريق هذا واحد.

ملفات اخرى

الآن، تشمل ملحق SCSS في /plugin.xml الخط 37:

Extensions = "XML، XSD، XSL، DTD، HRC، HRD، HTML، HTM، XHTML، RHTML، ERB، YML، HAML، SASS، SCSS، CSS، ASP، ASPX، JSP، FO، SVG، DBK، DOCBOL ، JSPF، PHP، PHP3، PHP4، PHTML، SGM، SGML، SHTM، SHTML "

وأخيرا، خطوط مكررة 200-203 في colorer/hrc/proto.hrc. وبعد يجب أن تكون النتيجة مثل أدناه:

<prototype name="sass" group="inet" description="SASS">
  <location link="jar:common.jar!inet/sass.hrc"/>
  <filename>/\.(sass)$/i</filename>
</prototype>
<prototype name="scss" group="inet" description="SCSS">
  <location link="jar:common.jar!inet/scss.hrc"/>
  <filename>/\.(scss)$/i</filename>
</prototype>

بعد إعادة تشغيل Eclipse، يجب أن يكون لديك تسليط الضوء على بناء الجملة لملفات .scss.

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow