Brackets 是一個非常優(yōu)秀的 WEB 設(shè)計和前端開發(fā)的源代碼編輯器。它自帶了很多有用的功能，通過使用擴展可以使你的 Brackets 體驗得到更進一步提升。下面這些 Brackets 擴展可以使你的WEB設(shè)計和前端開發(fā)工作流更加簡單。
1. CanIUse
不用離開 Brackets 就可以查看當(dāng)前瀏覽器是否支持某個特定的 WEB 技術(shù)。這個擴展的數(shù)據(jù)來源于 Can I use。
2. HTML Skeleton
HTML Skeleton 可以快速的為你的 HTML 文件插入基本的標(biāo)簽，如doctype聲明、<html>、<head>、<body>等等。
3. HTML Wrapper
快速使用<li>、<tr>、<a>等包裹一列元素。
4. Brackets Icons
這是一個非常簡單的擴展，它為你的 Brackets 邊欄添加文件圖標(biāo)。該圖標(biāo)視覺體驗非常好，可以快速幫你識別出你要編輯的文件的類型。
5. Autoprefixer
該擴展可以自動只能的為 CSS 元素添加前綴。它通過 Can I use 提供的瀏覽器支持?jǐn)?shù)據(jù)來判斷是否需要添加前綴。它也可以移除不必要的前綴。
6. JS CSS Minifier
這個擴展為你的 JavaScript 和 CSS 文件移除不必要的字符。這個過程成為壓縮，它可以提升網(wǎng)頁的加載速度。
7. CSSLint
這個插件可以高亮 CSS 錯誤及代碼質(zhì)量問題，它通過 CSS Lint 來報告錯誤與警告。
8. Emmet
如果你從事Web前端開發(fā)的話，對該插件一定不會陌生。它可以加快你的 HTML 和 CSS 編寫速度。
9. Lorem Ipsum Generator
需要一些文字來填充設(shè)計原型？Lorem Ipsum Generator 可以快速的生成一些文本（如果你需要圖片占位符的話，可以看看 Lorem Pixel 和 DEVimg ）。
10. Beautify
這個擴展可以讓你的 HTML、CSS、JavaScript 等代碼格式化一致，從而提升可讀性。作為延伸，你可以看看 CSSComb 。
11. Simple To-Do
使用 Simple To-Do 可以確保你不會忘記項目的任務(wù)。它允許你在 Brackets 中為每一個項目創(chuàng)建 TODO 列表。
12. eqFTP
與 WEB 主機傳輸和同步文件需要用到 FTP 或者 SFTP，但使用 Brackets 不需要這樣。通過 eqFTP 擴展，你可以直接在 Brackets 中進行這些操作。
如何安裝 Brackets 擴展
最快速的安裝 Brackets 擴展的方法是使用擴展管理器（Extension Manager）– 直接在 Brackets 的工具欄選擇 File > Extension Manager 即可。
推薦閱讀：
via：sixrevisions，本文由 Specs 翻譯整理，發(fā)布在 WEB資源網(wǎng).
哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站，并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底，使您的網(wǎng)站無需額外費用，即可穩(wěn)步提升排名至首頁。歡迎體驗最佳的哈爾濱網(wǎng)站建設(shè)。