當前位置:編程學習大全網 - 源碼下載 - brackets 有沒有新建 css 的插件

brackets 有沒有新建 css 的插件

brackets 有 css 的插件

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 即可。

  • 上一篇:股票K線圖趨勢分析方法
  • 下一篇:當我跑步時,我想些什麽?
  • copyright 2024編程學習大全網