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