2.Brackets安裝及經常使用插件安裝

轉自:https://blog.csdn.net/autumn20080101/article/details/53171326   javascript

Brackets 是一個免費、開源且跨平臺的 HTML/CSS/JavaScript 前端 WEB 集成開發環境 (IDE工具)。該項目由 Adobe 建立和維護,根據MIT許可證發佈,支持 Windows、Linux 以及 OS X 平臺。 Brackets 的特色是簡約、優雅、快捷!它沒有不少的視圖或者面板,也沒太多花哨的功能,它的核心目標是減小在開發過程當中那些效率低下的重複性工做,例如瀏覽器刷新,修改元素的樣式,搜索功能等等。和 Sublime Text、Everedit 等通用代碼編輯器不同,Brackets 是專門針對 WEB 前端開發而生.css

   Brackets下載地址:https://github.com/adobe/brackets/releases   到此網址進行下載對應版本安裝便可。過程很簡單,這裏再也不贅述。html

一、顯示你打開文件對應的圖標    https://github.com/ivogabe/Brackets-Icons
前端

二、javascript 全局變量高亮 https://github.com/ForbesLindesay/brackets-globals
java

三、皮膚插件  https://github.com/MiguelCastillo/Brackets-Themes
git

四、javascript 代碼審查,建議所寫的代碼都檢查一下   https://github.com/markmcintyre/brackets-jslint
github

五、更改代理,Brackets安裝擴展是被牆了,若是用gae,那麼這個插件將會很好用    https://github.com/ohnnyj/brackets-proxy瀏覽器

六、Indent Guides,顯示一條豎直的縮進輔助線,有助於代碼整齊,安裝後在「視圖」菜單欄下方就會有ndent Guides   https://github.com/lkcampbell/brackets-indent-guidesapp

七、Emmet(原名Zen coding),快速書寫HTML/CSS必備神器,菜單欄直接出現選項按鈕   http://emmet.io/編輯器

八、代碼格式化    https://github.com/drewhamlett/brackets-beautify

九、代碼快摺疊   https://github.com/thehogfather/brackets-code-folding

十、爲你的編輯器增長工做空間管理    https://github.com/thomasvalera/Brackets-Workspaces

十一、Autosave Files on Window Blur,當軟件失去焦點或切換程序時,自動保存全部文件,無按鈕,自動後臺實現  https://github.com/martypenner/brackets-autosave-files-on-window-blur

十二、自動保存每一次編輯  https://github.com/nmaxcom/brackets-autosaver

1三、CanIUse不用離開 Brackets 就能夠查看當前瀏覽器是否支持某個特定的 WEB 技術   https://github.com/cfjedimaster/brackets-caniuse

1四、HTML Skeleton 能夠快速的爲你的 HTML 文件插入基本的標籤,如doctype聲明、<html>、<head>、<body>等等    https://github.com/le717/brackets-html-skeleton

1五、HTML Wrapper  快速使用<li>、<tr>、<a>等包裹一列元素  https://caferati.me/labs/html-wrapper

1六、Autoprefixer  該擴展能夠自動只能的爲 CSS 元素添加前綴   https://github.com/mikaeljorhult/brackets-autoprefixer

1七、JS CSS Minifier這個擴展爲你的 JavaScript 和 CSS 文件移除沒必要要的字符。這個過程成爲壓縮,它能夠提高網頁的加載速度。   https://github.com/abagshaw/brackets-minifier

1八、這個插件能夠高亮 CSS 錯誤及代碼質量問題,它經過 CSS Lint 來報告錯誤與警告。 https://github.com/cfjedimaster/brackets-csslint

相關文章
相關標籤/搜索