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