Brackets 編輯器 12 個有用的擴展插件
Brackets 是壹個非常優秀的 WEB 設計和前端開發的源代碼編輯器。它自帶了很多有用的功能,通過使用擴展可以使妳的 Brackets 體驗得到更進壹步提升。下面這些 Brackets 擴展可以使的WEB設計和前端開發工作流更加簡單。
1. CanIUse
不用離開 Brackets 就可以查看當前瀏覽器是否支持某個特定的 WEB 技術。這個擴展的數據來源於 Can I use。
2. HTML Skeleton
HTML Skeleton 可以快速的為妳的 HTML 文件插入基本的標簽,如doctype聲明、<html>、<head>、<body>等等。
3. HTML Wrapper
快速使用<li>、<tr>、<a>等包裹壹列元素。
4. Brackets Icons
這是壹個非常簡單的擴展,它為妳的 Brackets 邊欄添加文件圖標。該圖標視覺體驗非常好,可以快速幫妳識別出妳要編輯的文件的類型。
5. Autoprefixer
該擴展可以自動只能的為 CSS 元素添加前綴。它通過 Can I use 提供的瀏覽器支持數據來判斷是否需要添加前綴。它也可以移除不必要的前綴。
6. JS CSS Minifier
這個擴展為妳的 JavaScript 和 CSS 文件移除不必要的字符。這個過程成為壓縮,它可以提升網頁的加載速度。
7. CSSLint
這個插件可以高亮 CSS 錯誤及代碼質量問題,它通過 CSS Lint 來報告錯誤與警告。
8. Emmet
如果妳從事Web前端開發的話,對該插件壹定不會陌生。它可以加快妳的 HTML 和 CSS 編寫速度。
9. Lorem Ipsum Generator
需要壹些文字來填充設計原型?Lorem Ipsum Generator 可以快速的生成壹些文本(如果妳需要圖片占位符的話,可以看看 Lorem Pixel 和 DEVimg )。
10. Beautify
這個擴展可以讓妳的 HTML、CSS、JavaScript 等代碼格式化壹致,從而提升可讀性。作為延伸,妳可以看看 CSSComb。
11. Simple To-Do
使用 Simple To-Do 可以確保妳不會忘記項目的任務。它允許妳在 Brackets 中為每壹個項目創建 TODO 列表。
12. eqFTP
與 WEB 主機傳輸和同步文件需要用到 FTP 或者 SFTP,但使用 Brackets 不需要這樣。通過 eqFTP 擴展,妳可以直接在 Brackets 中進行這些操作。
如何安裝 Brackets 擴展
最快速的安裝 Brackets 擴展的方法是使用擴展管理器(Extension Manager)– 直接在 Brackets 的工具欄選擇 File > Extension Manager 即可。