codekit mac版 v3.31.1

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

軟件功能

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

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

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

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

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

2、刷新瀏覽器CodeKit會(huì)在您工作時(shí)自動(dòng)刷新瀏覽器。喜歡魔法。

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

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

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

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

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

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

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

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

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

CodeKit使用教程

1、預(yù)覽

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

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

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

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

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

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

設(shè)置按類別組織。讀取詳細(xì)信息的設(shè)置語(yǔ)言選項(xiàng)。

為項(xiàng)目設(shè)置默認(rèn)值

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

軟件亮點(diǎn)

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

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

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

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

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

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

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

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

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

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

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

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

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

-CoffeeLint同時(shí)掃描CoffeeScript文件以解決問(wèn)題!在靈活的用戶界面中配置選項(xiàng)并實(shí)施最佳實(shí)踐，就像對(duì)JavaScript一樣。

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