好用的Web開發(fā)工具是哪個纵朋?小編推薦codekit for mac柿顶,CodeKit是一款被譽為前端開發(fā)“神器”的Web前端開發(fā)工具,功能非常強大操软,支持最流行的框架技術(shù)嘁锯,如支持Less, Sass, Stylus, CoffeeScript, Typescript, Jade, Haml,Slim, Markdown & Javascript 等語言的編譯,具有瀏覽器自動刷新聂薪、各種前端開發(fā)框架自動安裝 (Bootstrap, jQuery)等等功能家乘,macdown分享codekit mac版,需要的朋友藏澳,歡迎使用仁锯。
codekit mac版軟件功能
編譯每種語言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中處理任何類型的文件。不需要愚蠢的配置文件或插件撰糠。
刷新瀏覽器CodeKit會在您工作時自動刷新瀏覽器峦筒。喜歡魔法。
任何設(shè)備Mac窗慎,iOS,Android卤材,Windows遮斥,特斯拉,廚房冰箱......如果有現(xiàn)代瀏覽器扇丛,它會刷新术吗。即使通過SSL,也支持所有主要的瀏覽器供應(yīng)商帆精。
瀏覽器同步在表單中鍵入一些文本较屿,它也會神奇地出現(xiàn)在您的所有其他設(shè)備上。點擊一個鏈接卓练,點擊每個設(shè)備隘蝎。快速的跨設(shè)備測試襟企。零設(shè)置沒有插件嘱么,沒有腳本標簽,沒有工作顽悼。只需單擊CodeKit中的“預覽”按鈕即可完成曼振。您甚至不需要SSL證書。真蔚龙。
注射重載注入CSS更改時無需重新加載整個頁面冰评,因此您可以輕松地設(shè)置對話框和模態(tài)內(nèi)容的樣式,或者只是A / B測試設(shè)計木羹。
優(yōu)化是不是沒有人有時間使用緩慢甲雅,臃腫的網(wǎng)站。CodeKit使它們更快汇跨。
優(yōu)化圖像只需點擊一下务荆,即可獲得70%的PNG和JPEG文件。SVG和GIF也是如此穷遂。較小的圖像意味著更快的網(wǎng)站函匕。
縮小腳本和CSS組合腳本以減少HTTP請求◎胶冢縮小代碼以減小文件大小盅惜。所有最佳實踐完全控制細節(jié)中剩。
緩存爆破自動緩存 - 腳本腳本和樣式表,以便您的更改在部署時立即生效抒寂。
來源地圖縮小代碼结啼,但在瀏覽器的檢查器中查看原始版本。使用大多數(shù)語言自動運行屈芜,無需頭痛郊愧。
快速入門您知道框架如何具有那些復雜的“入門”步驟嗎?我們只需點擊一下即可井佑?
鮑爾力量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就可以使用它。
框架在多個項目中重用代碼印荔,但在磁盤上保留一個副本低葫。更新它時,所有內(nèi)容都會重新編譯以捕獲更改仍律。
建立只需單擊一下即可構(gòu)建整個項目嘿悬。通過直觀,漂亮的UI微調(diào)過程水泉。
輕松遷移選中一個框善涨,現(xiàn)有項目正常工作。不更新數(shù)百個輸出路徑草则,不更改頁面上的URL钢拧。這是魔法。
熾熱的速度Mac的處理器有很多核心炕横。CodeKit使用它們來并行處理文件源内,以便快速完成構(gòu)建。
完全可擴展幾乎任何東西份殿。運行自定義shell腳本并在UI中查看其輸出膜钓∷越唬或者使用AppleScript告訴Transmit在構(gòu)建完成后上傳您的站點。
簡單配置輕松自定義構(gòu)建過程颂斜。只需單擊即可添加步驟夫壁。拖動它們以重新排序。設(shè)置這些東西應(yīng)該不需要訪問Stack Overflow盒让。
調(diào)試在某個地方錯過了一個怪異的逗號?使用內(nèi)置調(diào)試工具快速找到問題司蔬。
使用所有語法檢查程序的母親掃描JavaScript糯彬。在UI中使用示例和說明輕松自定義數(shù)百條規(guī)則。
和JSLint還沒準備好搬到ESLint葱她?沒問題。JSHint和JSLint也是內(nèi)置的似扔。查看每個問題的確切行號和列號吨些。
同時掃描CoffeeScript文件以解決問題!在靈活的用戶界面中配置選項并實施最佳實踐炒辉,就像對JavaScript一樣豪墅。實施編碼樣式有一個人使用標簽而不是空格?讓他排隊黔寇,并輕松設(shè)置規(guī)則偶器,以保持整個團隊編寫干凈,可讀的代碼缝裤。