Less 編輯器和插件

2019-05-13 15:13 更新

在本章中,我們將學(xué)習(xí)關(guān)于編輯器和插件。 編輯器是允許用戶編輯文本的系統(tǒng)或程序。 插件是一種軟件,用于擴(kuò)展網(wǎng)站的功能。


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

S.N. 編輯器和IDE和說(shuō)明
1 Crunch!

它支持 Windows Mac Linux 等跨平臺(tái)。 它提供編輯器集成編譯。
2 Mindscape Web Workbench

它提供CoffeeScript,SASS,指南針和LESS編輯,它包括所有必要的使現(xiàn)代化的Web開(kāi)發(fā)容易在Visual Studio。
3 NetBeans

它是一個(gè)基于Java的IDE,它是一個(gè)開(kāi)源。 它允許您輕松快速地開(kāi)發(fā)桌面,移動(dòng)和Web應(yīng)用程序以及使用HTML,JavaScript和CSS的HTML5應(yīng)用程序。
4 TextMate

它是一個(gè)用于Mac OS X的通用圖形文本編輯器。它具有聲明性定制,可記錄宏,片段,外殼集成,打開(kāi)文檔選項(xiàng)卡和可擴(kuò)展束系統(tǒng)。
5 Vim

vim軟件包添加了動(dòng)態(tài)樣式語(yǔ)言LESS的功能,如縮進(jìn),突出顯示和自動(dòng)完成。
6 Emacs

它包含less-css-model,它將為L(zhǎng)ESS CSS(lesscss.org)提供一個(gè)Emacs模式,并支持compile on save。
7

jetBrains WebStorm和PhpStorm


WebStrom是一個(gè)輕量級(jí)且功能強(qiáng)大的IDE。 它完全適合使用Node.js進(jìn)行復(fù)雜的客戶端和服務(wù)器開(kāi)發(fā)。 PhpStorm是最智能的PHP IDE,支持深層代碼理解,頂尖的編碼協(xié)助和對(duì)所有主要工具和框架的支持。
8 Brackets

它是一個(gè)輕量級(jí),功能強(qiáng)大的開(kāi)放源代碼編輯器,面向網(wǎng)頁(yè)設(shè)計(jì)師和前端開(kāi)發(fā)人員。
9 CodeLobster

它是一個(gè)主要用于PHP的便攜式集成開(kāi)發(fā)環(huán)境(IDE)。 它還支持HTML,CSS和JavaScript開(kāi)發(fā)和插件可用于Drupal,WordPress,Smarty,Joomla,JQuery,F(xiàn)acebook,Codeigniter,Yii和CakePHP。
10 KineticWing IDE

它是快速,干凈,輕便和便攜的IDE。 它是一個(gè)全尺寸的開(kāi)發(fā)套件,讓您更聰明,更快速地工作。
11 nodeMirror

它是開(kāi)源的,可以很容易地定制。 它是一個(gè)使用CodeMirror.net,pty.js和其他庫(kù)的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& 3

LESS的升級(jí)文字不同選項(xiàng)如下表所列:

S.N. 選項(xiàng)和說(shuō)明
1 Less-sublime

Sublime文本的LESS語(yǔ)法為 .less 文件提供語(yǔ)法高亮以及片段。
2

Sublime-Less-to-CSS


Sublime text 2 和3 插件將 .less 文件編譯為CSS。 它需要在PATH上安裝lessc。
3 Less-build-sublime

LESS構(gòu)建系統(tǒng) > sublime text 2 ,它為L(zhǎng)ESS文件(包括縮小和非縮小)提供了兩個(gè)構(gòu)建系統(tǒng)。
4 SublimeOnSaveBuild

它是一個(gè)簡(jiǎn)單的插件,用于 sublime text 2 在每次保存時(shí)觸發(fā)構(gòu)建。 可與預(yù)處理器(如LESS,Compass等)配合使用。


Eclipse

Eclipse 針對(duì)LESS的不同插件,如下表所列:

S.N. 插件和說(shuō)明
1 Eclipse Less Plugin

通過(guò)擴(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)和說(shuō)明
1 CSS Is Less

這個(gè)擴(kuò)展使LESS文件用CSS語(yǔ)言服務(wù)打開(kāi)。
2 Web Essentials 2012

此擴(kuò)展可讓您更輕松地執(zhí)行常見(jiàn)任務(wù),并為Visual Studio for Web開(kāi)發(fā)人員添加有用的功能。
3 Web Essentials 2013

它擴(kuò)展了Visual Studio中的許多新功能,而不是特定的語(yǔ)言或編輯器。
4 Web Tools 2013

您下載該工具并開(kāi)始使用ASP.NET開(kāi)發(fā)


Dreamweaver

讓我們討論有關(guān) Dreamweaver 的一些要點(diǎn)。

  • 它是一個(gè)Adobe應(yīng)用程序,由網(wǎng)頁(yè)設(shè)計(jì)師和開(kāi)發(fā)人員用來(lái)創(chuàng)建應(yīng)用程序和網(wǎng)站。

  • It is capable of working across multiple targets including browsers, devices and tablets
  • 網(wǎng)頁(yè)設(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è)打開(kāi)的文件。

  • LESS for Notepad ++是一個(gè)xml文件,為 .less 文件提供語(yǔ)法高亮或著色。 您可以在此鏈接上獲取更多信息。

  • Less.js語(yǔ)法高亮是RaúlSalitrero和azrafe7的用戶定義語(yǔ)言。

  • 要安裝Notepad ++,請(qǐng)單擊此鏈接


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)