น้อย - บรรณาธิการและปลั๊กอิน

ในบทนี้เราจะเข้าใจถึงความสำคัญของตัวแก้ไขและปลั๊กอินใน LESS Editor คือระบบหรือโปรแกรมที่อนุญาตให้ผู้ใช้แก้ไขข้อความ ปลั๊กอินคือซอฟต์แวร์ที่ใช้เพื่อขยายการทำงานของไซต์

ตอนนี้ให้เราหารือเกี่ยวกับบรรณาธิการและ IDE สำหรับ LESS

ซีเนียร์ บรรณาธิการและ IDE และคำอธิบาย
1 กระทืบ!

มันสนับสนุนแพลตฟอร์มข้ามเช่นWindows, MacและLinux มีเครื่องมือแก้ไขพร้อมการรวบรวมแบบรวม

2 Mindscape Web Workbench

ให้การแก้ไข CoffeeScript, SASS, Compass และ LESS และทำให้การพัฒนาเว็บสมัยใหม่ทำได้ง่ายใน Visual Studio

3 NetBeans

เป็น IDE ที่ใช้ Java แบบโอเพนซอร์ส สิ่งนี้ช่วยในการพัฒนาแอปพลิเคชันเดสก์ท็อปมือถือและเว็บรวมถึงแอปพลิเคชัน HTML5 ที่เกี่ยวข้องกับ HTML, JavaScript และ CSS ได้อย่างรวดเร็ว

4 TextMate

เป็นโปรแกรมแก้ไขข้อความแบบกราฟิกสำหรับ Mac OS X โดยทั่วไปมีคุณสมบัติการปรับแต่งแบบเปิดเผยมาโครที่บันทึกได้ตัวอย่างข้อมูลการรวมเชลล์แท็บเอกสารที่เปิดอยู่และระบบบันเดิลที่ขยายได้

5 เป็นกลุ่ม

กลุ่มกลุ่มเพิ่มฟังก์ชันต่างๆเช่นการเยื้องการไฮไลต์และการเติมข้อความอัตโนมัติสำหรับภาษาสไตล์ชีทแบบไดนามิก LESS

6 Emacs

ประกอบด้วย less-css-model ที่จัดเตรียมโหมด Emacs สำหรับ LESS CSS (lesscss.org); Emacs รองรับการคอมไพล์เมื่อบันทึก

7 jetBrains WebStorm และ PhpStorm

WebStrom เป็น IDE ที่มีน้ำหนักเบาและทรงพลัง ได้รับการติดตั้งอย่างสมบูรณ์แบบสำหรับการพัฒนาฝั่งไคลเอ็นต์และเซิร์ฟเวอร์ที่ซับซ้อนด้วย Node.js PhpStorm เป็น PHP IDE ซึ่งรองรับการทำความเข้าใจโค้ดในระดับลึกและให้ความช่วยเหลือด้านการเข้ารหัสและการสนับสนุนเครื่องมือและเฟรมเวิร์กหลัก ๆ ทั้งหมด

8 วงเล็บ

เป็นโปรแกรมแก้ไขโค้ดแบบโอเพนซอร์สที่มีน้ำหนักเบามีประสิทธิภาพและช่วยให้นักออกแบบเว็บและนักพัฒนาส่วนหน้า

9 CodeLobster

เป็นสภาพแวดล้อมการพัฒนาแบบบูรณาการแบบพกพา (IDE) สำหรับ PHP เป็นหลัก นอกจากนี้ยังรองรับการพัฒนา HTML, CSS และ JavaScript และมีปลั๊กอินสำหรับ Drupal, WordPress, Smarty, Joomla, JQuery, Facebook, Codeigniter, Yii และ CakePHP

10 KineticWing IDE

เป็น IDE ที่รวดเร็วสะอาดน้ำหนักเบาและพกพาได้ เป็นชุดพัฒนาขนาดเต็มที่ช่วยให้คุณทำงานได้อย่างชาญฉลาดและรวดเร็ว

11 nodeMirror

เป็น IDE โอเพ่นซอร์สและปรับแต่งได้ง่าย ใช้ CodeMirror.net, pty.js และไลบรารีอื่น ๆ

12 เครื่องมือ HTML-Kit

นี่คือโปรแกรมแก้ไขเว็บที่ทันสมัยสำหรับ HTML5, CSS3, JavaScript และอื่น ๆ ด้วยสิ่งนี้คุณสามารถแก้ไขดูตัวอย่างตรวจสอบการเผยแพร่และจัดการโครงการจากตัวแก้ไขที่สอดคล้องกับมาตรฐานสมัยใหม่

Sublime Text 2 & 3

ข้อความประเสริฐมีตัวเลือกที่แตกต่างกันสำหรับน้อยกว่าที่ระบุไว้ในตารางต่อไปนี้ -

ซีเนียร์ ตัวเลือกและคำอธิบาย
1 น้อยประเสริฐ

ไวยากรณ์ LESS สำหรับข้อความประเสริฐให้การเน้นไวยากรณ์สำหรับไฟล์ . lessพร้อมกับตัวอย่างข้อมูล

2 Sublime-Less-to-CSS

ปลั๊กอินSublime text 2และ3เพื่อรวบรวมไฟล์ . lessไปยัง CSS เมื่อคุณบันทึก มันต้องการlessc ติดตั้งบน PATH

3 น้อยสร้างประเสริฐ

ระบบบิวด์ LESS สำหรับSublime text 2ซึ่งมีระบบบิลด์สองระบบสำหรับไฟล์ LESS ทั้งแบบย่อขนาดและไม่ลดขนาด

4

SublimeOnSaveBuild

เป็นปลั๊กอินง่ายๆสำหรับSublime text 2เพื่อทริกเกอร์บิลด์เมื่อคุณคลิกบันทึก ทำงานได้ดีกับพรีโปรเซสเซอร์เช่น LESS, Compass และอื่น ๆ

คราส

Eclipseมีปลั๊กอินสองตัวสำหรับ LESS ดังแสดงในตารางต่อไปนี้ -

ซีเนียร์ ปลั๊กอินและคำอธิบาย
1 ปลั๊กอิน Eclipse Less

ด้วยการขยาย Eclipse IDE ปลั๊กอินนี้มีคุณลักษณะที่เป็นประโยชน์ในการแก้ไขและรวบรวมสไตล์ชีต LESS

2 ปลั๊กอิน Transpiler

ปลั๊กอิน Eclipse นี้จะถ่ายโอนไฟล์ของคุณโดยอัตโนมัติเช่น LESS, SASS, CoffeeScript เป็นต้น

Visual Studio

Visual Studioมีตัวเลือกต่างๆดังต่อไปนี้สำหรับ LESS -

ซีเนียร์ ตัวเลือกและคำอธิบาย
1 CSS น้อยกว่า

ส่วนขยายนี้ทำให้เปิดไฟล์ LESS ด้วยบริการภาษา CSS

2 สิ่งจำเป็นสำหรับเว็บ 2012

ส่วนขยายนี้ช่วยให้คุณทำงานทั่วไปได้ง่ายขึ้นและเพิ่มคุณสมบัติที่มีประโยชน์ให้กับ Visual studio สำหรับนักพัฒนาเว็บ

3 สิ่งจำเป็นสำหรับเว็บ 2013

ขยาย Visual Studio ด้วยคุณสมบัติใหม่ ๆ มากมายซึ่งไม่เฉพาะเจาะจงสำหรับภาษาหรือตัวแก้ไขที่เฉพาะเจาะจง

4 เครื่องมือเว็บ 2013

สิ่งนี้ช่วยคุณในงานพัฒนาที่เกี่ยวข้องกับ ASP.NET

Dreamweaver

จุดต่อไปนี้จะต้องมีการพิจารณาในขณะที่การทำงานร่วมกับDreamweaver

  • เป็นแอปพลิเคชัน Adobe ที่นักออกแบบและพัฒนาเว็บไซต์ใช้ในการสร้างแอปพลิเคชันและเว็บไซต์

  • สามารถทำงานได้ในหลายแพลตฟอร์มรวมถึงเบราว์เซอร์อุปกรณ์และแท็บเล็ต
  • นักออกแบบเว็บไซต์ใช้ Dreamweaver ในการสร้างต้นแบบเว็บไซต์

  • DMXzone Less CSS Compilerทำให้ LESS CSS มีอำนาจโดยตรงใน Dreamweaver

Notepad ++ 6.x

จุดต่อไปนี้จะต้องมีการพิจารณาในขณะที่การทำงานในNotepad ++

  • Notepad ++ เป็นโปรแกรมแก้ไขข้อความฟรีและตัวแก้ไขซอร์สโค้ดซึ่งรองรับการแก้ไขแบบแท็บกล่าวคือทำงานกับไฟล์ที่เปิดอยู่หลายไฟล์ในหน้าต่างเดียว

  • LESS for Notepad ++ เป็นไฟล์ xml ที่มีการเน้นไวยากรณ์หรือการระบายสีสำหรับไฟล์ .less หากต้องการข้อมูลเพิ่มเติมคลิกที่ลิงค์นี้

  • ในการติดตั้ง Notepad ++ คลิกที่ลิงค์นี้