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