前端全能開發神器：codekit for mac

codekit for mac版是mac上一款強大的前端全能開發神器，可以幫助您自動編譯Less, Sass, Stylus, CoffeeScript, Jade & Haml等檔案！codekit mac版致力於js檔案合併和壓縮，以及js語法錯誤檢查，同時還支援Compass，令人髮指的是甚至還能對jpeg&png圖片最佳化，最重要的是可以讓你在不同的專案中僅維護同一套文件，相信對於Web前端攻城師來說,這些功能都是非常受用的。

codekit for mac軟體介紹

CodeKit是一款 Mac上知名的Web前端開發工具，因為功能強大被譽為前端開發“神器”，支援最流行的框架技術，如支援Less, Sass, Stylus, CoffeeScript, Typescript, Jade, Haml, Slim, Markdown & Javascript 等語言的編譯，具有瀏覽器自動重新整理、各種前端開發框架自動安裝 (Bootstrap, jQuery）等等功能，尤其是對最新技術的支援相當不錯，可謂前端開發利器！CodeKit為JavaScript 提供合併、壓縮以及錯誤檢查，最佳化 jpeg 和 png 格式的圖片。CodeKit所有功能是基於 Project， 因此你必須先建立一個 Project，按 + 選擇你的專案目錄，或者直接拖拽進來。

codekit for mac版功能介紹

1.編譯每種語言 CodeKit自動編譯您在教程中閱讀的所有那些令人敬畏的語言。

所有酷孩子開箱即用編譯Sass，Less，Stylus，CSS，CoffeeScript，Pug，Slim，Haml，TypeScript，JavaScript，ES6，Markdown，JSON，SVG，PNG，GIF和JPEG。
死簡單配置想要壓縮CSS嗎？只需選中一個方框。需要轉換JavaScript嗎？選中一個方框。每個工具的選項都以美觀，乾淨的UI提供。沒有更多的駭客構建指令碼。
出血邊緣工具供應商字首的自動修復程式。Babel.js用於下一代JavaScript。Libsass用於更快的Sass編譯。最好的工作流程就是內建的。
新增任何語言使用非內建的東西？輕鬆告訴CodeKit如何在UI中處理任何型別的檔案。不需要愚蠢的配置檔案或外掛。

2.重新整理瀏覽器 CodeKit會在您工作時自動重新整理瀏覽器。喜歡魔法。

任何裝置Mac，iOS，Android，Windows，特斯拉，廚房冰箱......如果有現代瀏覽器，它會重新整理。即使透過SSL，也支援所有主要的瀏覽器供應商。
瀏覽器同步在表單中鍵入一些文字，它也會神奇地出現在您的所有其他裝置上。點選一個連結，點選每個裝置。快速的跨裝置測試。
零設定沒有外掛，沒有指令碼標籤，沒有工作。只需單擊CodeKit中的“預覽”按鈕即可完成。您甚至不需要SSL證照。真。
注射過載注入CSS更改時無需重新載入整個頁面，因此您可以輕鬆地設定對話方塊和模態內容的樣式，或者只是A / B測試設計。

3.最佳化是不是沒有人有時間使用緩慢，臃腫的網站。CodeKit使它們更快。

最佳化影像只需點選一下，即可獲得70％的PNG和JPEG檔案。SVG和GIF也是如此。較小的影像意味著更快的網站。
縮小指令碼和CSS組合指令碼以減少HTTP請求。縮小程式碼以減小檔案大小。所有最佳實踐完全控制細節。
快取爆 破自動快取 - 指令碼指令碼和樣式表，以便您的更改在部署時立即生效。
來源地圖縮小程式碼，但在瀏覽器的檢查器中檢視原始版本。使用大多數語言自動執行，無需頭痛。

4.快速入門您 知道框架如何具有那些複雜的“入門”步驟嗎？我們只需點選一下即可？

鮑爾力量Bower內建於CodeKit中，因此您可以輕鬆安裝和更新56,000多個元件。jQuery到WordPress以及介於兩者之間的一切。
Zurb基金會在幾秒鐘內啟動基礎或Google Web Starter Kit專案。CodeKit會自動下載最新版本併為您設定。
CSS框架嘉豪所有最好的CSS框架都是內建的：Bourbon，Neat，Bitters，Susy，Nib，Jeet和Compass。只需在樣式表中新增@import語句，CodeKit就可以使用它。
CodeKit框架在多個專案中重用程式碼，但在磁碟上保留一個副本。更新它時，所有內容都會重新編譯以捕獲更改。

5.建立 只需單擊一下即可構建整個專案。透過直觀，漂亮的UI微調過程。

輕鬆遷移選中一個框，現有專案正常工作。不更新數百個輸出路徑，不更改頁面上的URL。這是魔法。
熾熱的速度Mac的處理器有很多核心。CodeKit使用它們來並行處理檔案，以便快速完成構建。
完全可擴充套件幾乎任何東西。執行自定義shell指令碼並在UI中檢視其輸出。或者使用AppleScript告訴Transmit在構建完成後上傳您的站點。
簡單配置輕鬆自定義構建過程。只需單擊即可新增步驟。拖動它們以重新排序。設定這些東西應該不需要訪問Stack Overflow。

6.除錯 在某個地方錯過了一個怪異的逗號？使用內建除錯工具快速找到問題。

ESLint使用所有語法檢查程式的母親掃描JavaScript。在UI中使用示例和說明輕鬆自定義數百條規則。
JSHint和JSLint還沒準備好搬到ESLint？沒問題。JSHint和JSLint也是內建的。檢視每個問題的確切行號和列號。
CoffeeLint同時掃描CoffeeScript檔案以解決問題！在靈活的使用者介面中配置選項並實施最佳實踐，就像對JavaScript一樣。
實施編碼樣式有一個人使用標籤而不是空格？讓他排隊，並輕鬆設定規則，以保持整個團隊編寫乾淨，可讀的程式碼。