น้อย - บรรณาธิการและปลั๊กอิน
ในบทนี้เราจะเข้าใจถึงความสำคัญของตัวแก้ไขและปลั๊กอินใน 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 ++ คลิกที่ลิงค์นี้