編程教程Less 編輯器和插件
在本章中，我們將學(xué)習(xí)關(guān)于編輯器和插件。 編輯器是允許用戶編輯文本的系統(tǒng)或程序。 插件是一種軟件，用于擴展網(wǎng)站的功能。
讓我們討論LESS的編輯器和IDE。
| S.N. | 編輯器和IDE和說明 |
|---|---|
| 1 | Crunch! 它支持Windows，Mac和Linux等跨平臺。它提供編輯器集成編譯。 |
| 2 | Mindscape Web Workbench 它提供CoffeeScript，SASS，指南針和LESS編輯，它包括所有必要的使現(xiàn)代化的Web開發(fā)容易在Visual Studio。 |
| 3 | NetBeans 它是一個基于Java的IDE，它是一個開源。它允許您輕松快速地開發(fā)桌面，移動和Web應(yīng)用程序以及使用HTML，JavaScript和CSS的HTML5應(yīng)用程序。 |
| 4 | TextMate 它是一個用于Mac OS X的通用圖形文本編輯器。它具有聲明性定制，可記錄宏，片段，外殼集成，打開文檔選項卡和可擴展束系統(tǒng)。 |
| 5 | Vim vim軟件包添加了動態(tài)樣式語言LESS的功能，如縮進，突出顯示和自動完成。 |
| 6 | Emacs 它包含less-css-model，它將為LESS CSS(lesscss.org)提供一個Emacs模式，并支持compile on save。 |
| 7 | jetBrains WebStorm和PhpStorm |
| 8 | Brackets 它是一個輕量級，功能強大的開放源代碼編輯器，面向網(wǎng)頁設(shè)計師和前端開發(fā)人員。 |
| 9 | CodeLobster 它是一個主要用于PHP的便攜式集成開發(fā)環(huán)境(IDE)。它還支持HTML，CSS和JavaScript開發(fā)和插件可用于Drupal，WordPress，Smarty，Joomla，JQuery，F(xiàn)acebook，Codeigniter，Yii和CakePHP。 |
| 10 | KineticWing IDE 它是快速，干凈，輕便和便攜的IDE。它是一個全尺寸的開發(fā)套件，讓您更聰明，更快速地工作。 |
| 11 | nodeMirror 它是開源的，可以很容易地定制。它是一個使用CodeMirror.net，pty.js和其他庫的IDE。 |
| 12 | HTML-Kit Tools 它是全功能的現(xiàn)代網(wǎng)絡(luò)編輯器的HTML5，CSS3，JavaScript和更多。它允許您編輯，預(yù)覽，驗證從現(xiàn)代標準兼容編輯器發(fā)布和管理項目。 |
Sublime Text 2＆amp;3
LESS的升級文字不同選項如下表所列:
| S.N. | 選項和說明 |
|---|---|
| 1 | Less-sublime Sublime文本的LESS語法為.less文件提供語法高亮以及片段。 |
| 2 | Sublime-Less-to-CSS |
| 3 | Less-build-sublime LESS構(gòu)建系統(tǒng)> sublime text 2，它為LESS文件(包括縮小和非縮小)提供了兩個構(gòu)建系統(tǒng)。 |
| 4 | SublimeOnSaveBuild 它是一個簡單的插件，用于sublime text 2在每次保存時觸發(fā)構(gòu)建。可與預(yù)處理器(如LESS，Compass等)配合使用。 |
Eclipse
Eclipse 針對LESS的不同插件，如下表所列:
| S.N. | 插件和說明 |
|---|---|
| 1 | Eclipse Less Plugin 通過擴展Eclipse IDE，此插件提供了編輯和編譯LESS樣式表的有用功能。 |
| 2 | Transpiler Plugin 這是Eclipse插件自動轉(zhuǎn)譯您的文件，如LESS，SASS，CoffeeScript等。 |
Visual Studio
Visual Studio LESS的不同選項，如下表所列:
| S.N. | 選項和說明 |
|---|---|
| 1 | CSS Is Less 這個擴展使LESS文件用CSS語言服務(wù)打開。 |
| 2 | Web Essentials 2012 此擴展可讓您更輕松地執(zhí)行常見任務(wù)，并為Visual Studio for Web開發(fā)人員添加有用的功能。 |
| 3 | Web Essentials 2013 它擴展了Visual Studio中的許多新功能，而不是特定的語言或編輯器。 |
| 4 | Web Tools 2013 您下載該工具并開始使用ASP.NET開發(fā) |
Dreamweaver
讓我們討論有關(guān) Dreamweaver 的一些要點。
它是一個Adobe應(yīng)用程序，由網(wǎng)頁設(shè)計師和開發(fā)人員用來創(chuàng)建應(yīng)用程序和網(wǎng)站。
- It is capable of working across multiple targets including browsers, devices and tablets
網(wǎng)頁設(shè)計師使用Dreamweaver創(chuàng)建網(wǎng)站原型。
DMXzone Less CSS編譯器>使所有的LESS CSS權(quán)力直接在Dreamweaver。
Notepad ++ 6.x
讓我們討論有關(guān)Notepad++的一些要點。
Notepad ++是一個自由文本編輯器和源代碼編輯器，支持標簽編輯，即在單個窗口中使用多個打開的文件。
LESS for Notepad ++是一個xml文件，為.less文件提供語法高亮或著色。您可以在此鏈接上獲取更多信息。
Less.js語法高亮是RaúlSalitrero和azrafe7的用戶定義語言。
要安裝Notepad ++，請單擊此鏈接。