LESS - 編輯器和外掛



本章我們將瞭解編輯器外掛在LESS中的重要性。編輯器是一個允許使用者編輯文字的系統或程式。外掛是一段用於擴充套件站點功能的軟體。

現在讓我們討論LESS的編輯器和IDE。

序號 編輯器和IDE & 描述
1 Crunch!

它支援跨平臺,例如Windows、MacLinux。它提供帶有整合編譯的編輯器。

2 Mindscape Web Workbench

它提供CoffeeScript、SASS、Compass和LESS編輯,並在Visual Studio中簡化了現代Web開發。

3 NetBeans

這是一個基於Java的開源IDE。這有助於快速開發桌面、移動和Web應用程式,以及涉及HTML、JavaScript和CSS的HTML5應用程式。

4 TextMate

這是一個用於Mac OS X的通用圖形文字編輯器。它的特點是宣告式自定義、可記錄的宏、程式碼片段、shell整合、開啟文件選項卡和可擴充套件的bundle系統。

5 Vim

vim bundle添加了諸如縮排、突出顯示和自動完成動態樣式表語言LESS的功能。

6 Emacs

它包含less-css-model,該模型提供LESS CSS (lesscss.org)的Emacs模式;Emacs支援儲存時編譯。

7 jetBrains WebStorm和PhpStorm

WebStrom是一個輕量級且功能強大的IDE。它完全配備了用於複雜的客戶端和伺服器端開發(使用Node.js)。PhpStorm是一個PHP IDE,它支援深入的程式碼理解,併為所有主要工具和框架提供一流的編碼輔助和支援。

8 Brackets

這是一個輕量級、強大且開源的程式碼編輯器,可幫助Web設計師和前端開發人員。

9 CodeLobster

這是一個主要用於PHP的可移植整合開發環境(IDE)。它還支援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等的現代Web編輯器。透過它,您可以從符合現代標準的編輯器中編輯、預覽、驗證、釋出和管理專案。

Sublime Text 2 & 3

以下表格列出了sublime text提供的LESS不同選項:

序號 選項 & 描述
1 Less-sublime

Sublime Text的LESS語法為.less檔案提供語法高亮顯示以及程式碼片段。

2 Sublime-Less-to-CSS

儲存時編譯.less檔案到CSS的Sublime Text 23外掛。它需要在PATH中安裝lessc

3 Less-build-sublime

用於Sublime Text 2的LESS構建系統,它為LESS檔案提供兩個構建系統,壓縮和非壓縮。

4

SublimeOnSaveBuild

這是一個簡單的Sublime Text 2外掛,用於在單擊“儲存”時觸發構建。與LESS、Compass和任何其他預處理器配合使用效果很好。

Eclipse

Eclipse有兩個LESS外掛,如下表所示:

序號 外掛 & 描述
1 Eclipse LESS外掛

透過擴充套件Eclipse IDE,此外掛提供了編輯和編譯LESS樣式表的實用功能。

2 Transpiler外掛

此Eclipse外掛會自動轉換您的檔案,例如LESS、SASS、CoffeeScript等。

Visual Studio

Visual Studio有以下LESS選項:

序號 選項 & 描述
1 CSS Is Less

此擴充套件使LESS檔案可以使用CSS語言服務開啟。

2 Web Essentials 2012

此擴充套件使您可以更輕鬆地執行常見任務,併為Web開發人員添加了Visual Studio的有用功能。

3 Web Essentials 2013

它為Visual Studio擴充套件了許多新功能,這些功能並非特定於某種語言或編輯器。

4 Web Tools 2013

這有助於您完成涉及ASP.NET的開發任務。

Dreamweaver

使用Dreamweaver時,需要考慮以下幾點。

  • 這是一個Adobe應用程式,Web設計師和開發人員使用它來建立應用程式和網站。

  • 它能夠跨多個平臺工作,包括瀏覽器、裝置和平板電腦。
  • Web設計師使用Dreamweaver建立網站原型。

  • DMXzone LESS CSS編譯器直接在Dreamweaver中提供所有LESS CSS功能。

Notepad++ 6.x

使用Notepad++時,需要考慮以下幾點。

  • Notepad++是一個免費的文字編輯器和原始碼編輯器,支援選項卡式編輯,即在一個視窗中處理多個開啟的檔案。

  • Notepad++的LESS是一個xml檔案,它為.less檔案提供語法高亮顯示或著色。要了解更多資訊,請單擊此連結

  • 要安裝Notepad++,請單擊此連結

廣告
© . All rights reserved.