- 語言特性
- LESS - 巢狀規則
- LESS - 巢狀指令和冒泡
- LESS - 運算
- LESS - 轉義
- LESS - 函式
- LESS - 名稱空間和訪問器
- LESS - 作用域
- LESS - 註釋
- LESS - 匯入
- LESS - 變數
- LESS - 擴充套件
- LESS - 混合宏
- LESS - 引數化混合宏
- LESS - 混合宏作為函式
- LESS - 向混合宏傳遞規則集
- LESS - 匯入指令
- LESS - 匯入選項
- LESS - 混合宏保護
- LESS - CSS保護
- LESS - 迴圈
- LESS - 合併
- LESS - 父選擇器
- 函式
- LESS - 雜項函式
- LESS - 字串函式
- LESS - 列表函式
- LESS - 數學函式
- LESS - 型別函式
- LESS - 顏色定義函式
- LESS - 顏色通道函式
- LESS - 顏色運算
- LESS - 顏色混合函式
- 用法
- LESS - 命令列用法
- 在瀏覽器中使用LESS
- LESS - 瀏覽器支援
- LESS - 外掛
- LESS - 程式化用法
- LESS - 線上編譯器
- LESS - 圖形使用者介面
- LESS - 編輯器和外掛
- LESS - 第三方編譯器
- LESS - 框架
- LESS有用資源
- LESS - 快速指南
- LESS - 有用資源
- LESS - 討論
LESS - 編輯器和外掛
本章我們將瞭解編輯器和外掛在LESS中的重要性。編輯器是一個允許使用者編輯文字的系統或程式。外掛是一段用於擴充套件站點功能的軟體。
現在讓我們討論LESS的編輯器和IDE。
| 序號 | 編輯器和IDE & 描述 |
|---|---|
| 1 | Crunch!
它支援跨平臺,例如Windows、Mac和Linux。它提供帶有整合編譯的編輯器。 |
| 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 2和3外掛。它需要在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++,請單擊此連結。