LESS.app เป็นแอปพลิเคชันหรือไม่


16

เร็ว ๆ นี้ผมพบข้อมูลเกี่ยวกับการประยุกต์ใช้ OS X เรียกว่าLESS.app มันเป็นแอพที่ใช้รวบรวมและย่อขนาดไฟล์ * .less ลงในไฟล์ * .css และทำงานตามเวลาจริง ฉันต้องการทราบหรือไม่สามารถเก็บถาวรสิ่งเดียวกันใน Ubuntu และวิธีการเกี่ยวกับมัน

คำตอบ:


25

ไบรอันที่นี่ นักพัฒนาของ Less.app

ฉันขอแนะนำอีกครั้งโดยใช้ LESS รุ่นเก่า (รุ่นที่ใช้ Ruby) Less.js ไม่ได้เป็นเพียงพอร์ต javascript ของ LESS แต่เป็นการเขียนใหม่ที่ปรับปรุงสิ่งต่าง ๆ เพิ่มการรองรับสิ่งที่ Ruby รุ่นเก่าไม่มีและเพิ่มความเร็วคอมไพเลอร์ประมาณ 84%

แทนที่จะติดตั้ง Ruby gem ติดตั้ง Node.jsและรันLess.jsผ่าน Node จากบรรทัดคำสั่ง คุณจะยังคงมีฟังก์ชั่น -watch ทั้งหมด แต่คุณจะใช้ Less.js เพื่อทำมันซึ่งหมายความว่าชีวิตของคุณจะดีขึ้นมาก

หรือใช้ Less.js เป็นสคริปต์ในเว็บไซต์ที่คุณกำลังสร้าง สิ่งนี้จะทำงานเพื่อการพัฒนา เมื่อคุณเสร็จสิ้นการเข้ารหัสเพียงคัดลอก CSS ที่ Less.js สร้าง (จากผู้ตรวจสอบเบราว์เซอร์ของคุณ) และวางลงในไฟล์เพิ่มนามสกุล. css จากนั้นลบแท็กสคริปต์ Less.js ออกจากหน้า HTML และแทนที่ ไฟล์ CSS ที่คุณเพิ่งสร้างขึ้น

ไม่ว่าจะใช้วิธีใดให้ใช้ Less.js


ขอบคุณไบรอันฉันไม่ทราบว่าเป็นคอมไพเลอร์ Less.js นอกเหนือจากที่ต้องถูกฉีดเข้าไปในหน้า - ฉันคิดว่าพอร์ตของ Less.app สำหรับ Ubuntu นั้นเป็นไปไม่ได้ ;)
อารมณ์


less.js ทำงานบนเครื่องบิลด์เฮดหรือไม่? ฉันได้รับ "ReferenceError: window ไม่ได้ถูกกำหนด" เมื่อฉันพยายามเรียกใช้
Kathy Van Stone

โปรดทราบว่ารุ่นทับทิมที่น้อยกว่าจะหายไปจาก less.js
Kathy Van Stone

3

บันทึก

อ่านคำตอบของไบรอัน เขารู้ว่าเขากำลังพูดถึงอะไร ;-)

คุณก็สามารถติดตั้งน้อย

  1. ติดตั้ง rubygems และน้อยกว่า

    sudo apt-get install rubygems
    sudo gem install less
    
  2. ข้อสังเกตเอกสารอย่างเป็นทางการ:

    ในการทำให้อัญมณีทำงานอย่างถูกต้องคุณควรเขียนเส้นทางของอัญมณีไปยัง PATH เพิ่มใน ~ / .bashrc:

     export PATH=/var/lib/gems/1.8/bin:$PATH
    
  3. จากนั้นคุณสามารถใช้คอมไพเลอร์น้อยลงโดยทำ

    lessc style.less
    

ฉันไม่คิดว่าจะมี GUI เหมือนที่คุณเชื่อมโยง แต่ดูเหมือนว่ามันจะเป็น gui ที่ตื้นมากที่อยู่ด้านบนของคอมไพเลอร์น้อยกว่าจริง ๆ ฉันไม่คิดว่าคุณจะมีปัญหาในการใช้งานโดยตรง ชนิด

lessc --help

เพื่อเรียนรู้วิธีใช้งาน

หากคุณต้องการให้ไฟล์ .less ของคุณถูกรวบรวมโดยอัตโนมัติทุกครั้งที่มีการเปลี่ยนแปลงคุณสามารถใช้-wตัวเลือก:

~$ lessc test.less -w
* Watching for changes in test.less... Ctrl-C to abort.
: Change detected... * Updated test.css
: Change detected... * Updated test.css

คุณสามารถทำให้กระบวนการนี้อยู่ในพื้นหลังได้โดยกดCtrl+ Zและพิมพ์bgแล้วเริ่มให้มากที่สุดเท่าที่คุณต้องการ คุณสามารถนำพวกเขากลับไปเบื้องหน้าด้วยการทำfgหรือสำหรับกระบวนการที่สามที่จะได้รับรายการทั้งหมดของงานและพิมพ์ตัวเลขของพวกเขาfg 3jobs


ขอขอบคุณ! ตอนนี้ฉันใช้ Less.js ( bit.ly/9bG1E9 ) แต่ฉันจะลองทับทิมเรียบเรียง GUI ไม่สำคัญสำหรับฉัน แต่สิ่งที่ฉันชอบจริงๆคือเครื่องมือที่ดูไฟล์ .less และคอมไพล์ไฟล์. css ทุกครั้งที่ฉันบันทึกการเปลี่ยนแปลงในไฟล์ .less ของฉัน การใช้งานแอพพลิเคชั่น CLI หรือปลั๊กอินของ gedit นั้นมีความสำคัญกับฉันมากเพียงใด
อารมณ์

@ อารมณ์มันทำอย่างนั้น - ฉันจะเพิ่มไปยังคำตอบ
Stefano Palazzo

1
ว้าว! ขอบคุณอีกครั้ง. นั่นคือสิ่งที่ฉันกำลังมองหา
อารมณ์

2

สำหรับความรู้ของฉันทับทิมน้อยลงไม่ได้รับการอัพเดตมากพอที่จะรองรับผู้ดำเนินการเชื่อมต่อ

สำหรับผู้ที่สนใจในโซลูชันที่รวบรวม. เว้นแต่เมื่อบันทึกสำหรับแพลตฟอร์มที่ไม่ใช่ mac โดยใช้ less.js คุณสามารถอ่านคู่มือการติดตั้งนี้ได้ แม้ว่าการสอนจะเน้นไปที่ผู้ใช้ Windows แต่ฉันคิดว่าถ้าคุณสามารถใช้Node.jsในระบบของคุณสคริปต์ของตัวเองจะทำงานเหมือนเดิม

* คำเตือน: บทช่วยสอนนี้เป็นของฉัน แค่คิดว่าผู้คนอาจต้องการเห็นสิ่งที่โปสเตอร์ดังกล่าวหมายถึง "Use Node.js" ฉันไม่สามารถค้นหาสคริปต์ใด ๆ ทางออนไลน์สำหรับการใช้ Node.js เพื่อรวบรวม LESS เมื่อบันทึกไฟล์ดังนั้นฉันจึงปรุงเสร็จแล้วคิดว่าฉันจะแบ่งปัน


เป็นเรื่องที่ดีมากหากคุณมีส่วนร่วม แต่นี่ดูแปลก - โฆษณาโพสต์บนเว็บไซต์ของคุณเองสำหรับโซลูชัน Windows สิ่งนี้เพิ่มสิ่งที่คำตอบอื่น ๆ ไม่ได้หรือไม่
belacqua

ใช่ - ไม่ใช่ทับทิมไม่ใช่ MacOSX คุณสามารถใช้สคริปต์ less.js ที่ทำงานกับ node.js ดังนั้นผู้ใช้ MacOSX ที่ไม่ได้รับการรวบรวม Node.js สามารถเพลิดเพลินกับการคอมไพล์.

การทำให้ Node.js ทำงานได้ไม่ยาก ไม่แน่ใจหรือฉันติดตามบทความนี้codediesel.com/linux/installing-node-js-on-ubuntu-10-04แต่ Node.js ถูกตั้งค่าในเวลาไม่นาน การตั้งค่า Less.js ทำให้ฉันดึงผมออกมาบ้าง ฉันคิดว่าเมื่อคุณมี Node.js ที่ทำงานบน Ubuntu คุณสามารถทำตามขั้นตอนในบทช่วยสอนของโจเซฟเพื่อลดการเรียกใช้และทำงานน้อยลงและนี่ก็เป็นส่วนเสริมที่เป็นประโยชน์ต่อเธรดนี้
อารมณ์


1

คุณสามารถติดตั้งคอมไพเลอร์บรรทัดคำสั่งใน Ubuntu 12.10 ได้เช่นกัน:

sudo apt-get install node-less

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.