codekit mac版 v3.31.1

CodeKit mac版是一款功能非常強大的web前端開發(fā)工具，它可以自動編譯Less、Sass、Stylus、Jade、Haml、Slim、CoffeeScript和Javscript。CodeKit還提供了瀏覽器重新加載、代碼壓縮、優(yōu)化圖像和JSHint& JSLint等功能。CodeKit內(nèi)置Bower，您可以輕松地安裝和更新56000多個組件。它可以幫助我們更快更好的創(chuàng)建網(wǎng)站，是前端工程師們的開發(fā)必備神器，喜歡就趕快下載吧。

軟件功能

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

-所有開箱即用編譯Sass，Less，Stylus，CSS，CoffeeScript，Pug，Slim，Haml，TypeScript，JavaScript，ES6，Markdown，JSON，SVG，PNG，GIF和JPEG。

-簡單配置想要壓縮CSS嗎?只需選中一個方框。需要轉(zhuǎn)換JavaScript嗎?選中一個方框。每個工具的選項都以美觀，干凈的UI提供。沒有更多的黑客構(gòu)建腳本。

-工具供應(yīng)商前綴的自動修復程序。Babel.js用于下一代JavaScript。Libsass用于更快的Sass編譯。最好的工作流程就是內(nèi)置的。

-添加任何語言使用非內(nèi)置的東西?輕松告訴CodeKit如何在UI中處理任何類型的文件。不需要配置文件或插件。

2、刷新瀏覽器CodeKit會在您工作時自動刷新瀏覽器。喜歡魔法。

-任何設(shè)備Mac，iOS，Android，Windows，特斯拉，廚房冰箱......如果有現(xiàn)代瀏覽器，它會刷新。即使通過SSL，也支持所有主要的瀏覽器供應(yīng)商。

-瀏覽器同步在表單中鍵入一些文本，它也會神奇地出現(xiàn)在您的所有其他設(shè)備上。點擊一個鏈接，點擊每個設(shè)備。快速的跨設(shè)備測試。

-零設(shè)置沒有插件，沒有腳本標簽，沒有工作。只需單擊CodeKit中的“預(yù)覽”按鈕即可完成。您甚至不需要SSL證書。

-重載注入CSS更改時無需重新加載整個頁面，因此您可以輕松地設(shè)置對話框和模態(tài)內(nèi)容的樣式，或者只是A/B測試設(shè)計。

3、優(yōu)化是不是沒有人有時間使用緩慢，臃腫的網(wǎng)站。CodeKit使它們更快。

-優(yōu)化圖像只需點擊一下，即可獲得70%的PNG和JPEG文件。SVG和GIF也是如此。較小的圖像意味著更快的網(wǎng)站。

-縮小腳本和CSS組合腳本以減少HTTP請求?？s小代碼以減小文件大小。所有最佳實踐完全控制細節(jié)。

-緩存爆破自動緩存-腳本腳本和樣式表，以便您的更改在部署時立即生效。

-來源地圖縮小代碼，但在瀏覽器的檢查器中查看原始版本。使用大多數(shù)語言自動運行，無需頭痛。

CodeKit使用教程

1、預(yù)覽

從CodeKit窗口截圖預(yù)覽按鈕。

單擊右上角的“預(yù)覽”按鈕。這將在瀏覽器中打開一個特殊的地址。連接你的iPad，iPhone，機器人，等到同一網(wǎng)絡(luò)的Mac運行CodeKit，然后輸入這個地址對每個設(shè)備。CodeKit會自動刷新和同步所有的人。

如果您的項目需要服務(wù)器端處理（PHP、cookie等），那么有一個開關(guān)可以翻轉(zhuǎn)。查看瀏覽器中的“復雜站點”部分。

2、調(diào)整設(shè)置

從CodeKit窗口截圖的項目設(shè)置按鈕。

單擊窗口左側(cè)的“齒輪”圖標以打開項目設(shè)置區(qū)域。

設(shè)置按類別組織。讀取詳細信息的設(shè)置語言選項。

為項目設(shè)置默認值

每次添加新項目時，不必更改一組設(shè)置。只是告訴CodeKit什么設(shè)置你想要開始。參見編輯新項目默認值。

軟件亮點

1、快速入門您知道框架如何具有那些復雜的“入門”步驟嗎?我們只需點擊一下即可

-Bower內(nèi)置于CodeKit中，因此您可以輕松安裝和更新56,000多個組件。jQuery到wordPress以及介于兩者之間的一切。

-基金會在幾秒鐘內(nèi)啟動基礎(chǔ)或Google Web Starter Kit項目。CodeKit會自動下載最新版本并為您設(shè)置。

-所有最好的CSS框架都是內(nèi)置的：Bourbon，Neat，Bitters，Susy，Nib，Jeet和Compass。只需在樣式表中添加 import語句，CodeKit就可以使用它。

-CodeKit框架在多個項目中重用代碼，但在磁盤上保留一個副本。更新它時，所有內(nèi)容都會重新編譯以捕獲更改。

2、建立只需單擊一下即可構(gòu)建整個項目。通過直觀，漂亮的UI微調(diào)過程。

-輕松遷移選中一個框，現(xiàn)有項目正常工作。不更新數(shù)百個輸出路徑，不更改頁面上的URL。

-熾熱的速度Mac的處理器有很多核心。CodeKit使用它們來并行處理文件，以便快速完成構(gòu)建。

-完全可擴展幾乎任何東西。運行自定義shell腳本并在UI中查看其輸出?；蛘呤褂肁ppleScript告訴Transmit在構(gòu)建完成后上傳您的站點。

-簡單配置輕松自定義構(gòu)建過程。只需單擊即可添加步驟。拖動它們以重新排序。設(shè)置這些東西應(yīng)該不需要訪問Stack Overflow。

3、調(diào)試在某個地方錯過了一個怪異的逗號?使用內(nèi)置調(diào)試工具快速找到問題。

-ESLint使用所有語法檢查程序的母親掃描JavaScript。在UI中使用示例和說明輕松自定義數(shù)百條規(guī)則。

-JSHint和JSLint還沒準備好搬到ESLint?沒問題。JSHint和JSLint也是內(nèi)置的。查看每個問題的確切行號和列號。

-CoffeeLint同時掃描CoffeeScript文件以解決問題!在靈活的用戶界面中配置選項并實施最佳實踐，就像對JavaScript一樣。

-實施編碼樣式有一個人使用標簽而不是空格?讓他排隊，并輕松設(shè)置規(guī)則，以保持整個團隊編寫干凈，可讀的代碼。