建站
咨詢
售后
建站咨詢
新聞中心
在本章中，我們將學(xué)習(xí)關(guān)于編輯器和插件。 編輯器是允許用戶編輯文本的系統(tǒng)或程序。 插件是一種軟件，用于擴(kuò)展網(wǎng)站的功能。
創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),青岡企業(yè)網(wǎng)站建設(shè),青岡品牌網(wǎng)站建設(shè),網(wǎng)站定制,青岡網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,青岡網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(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，它將為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ù)器開發(fā)。 PhpStorm是最智能的PHP IDE，支持深層代碼理解，頂尖的編碼協(xié)助和對(duì)所有主要工具和框架的支持。 |
| 8 | Brackets 它是一個(gè)輕量級(jí)，功能強(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的升級(jí)文字不同選項(xiàng)如下表所列:
| S.N. | 選項(xiàng)和說明 |
|---|---|
| 1 | Less-sublime Sublime文本的LESS語法為 .less 文件提供語法高亮以及片段。 |
| 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. | 插件和說明 |
|---|---|
| 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 ++，請(qǐng)單擊此鏈接。
當(dāng)前標(biāo)題：創(chuàng)新互聯(lián)less教程：Less編輯器和插件
文章來源：http://www.5511xx.com/article/cdhppci.html
