Mac下大家都用什么工具開(kāi)發(fā)HTML5?
1.iterm2 免費(fèi)的終端神器, 然后安裝好zsh和oh-my-zsh開(kāi)啟你的程序員之路吧,前端也可以用
2.CodeKit 是incident57開(kāi)發(fā)的一套前端開(kāi)發(fā)助理工具,能夠自動(dòng)編譯Less, Sass等前端代碼,可以對(duì)js文件進(jìn)行合并,壓縮,語(yǔ)法檢查工作,支持Compass (Sass),對(duì)JPEG.PNG 格式圖片進(jìn)行壓縮優(yōu)化,代碼編輯過(guò)程中可自動(dòng)刷新瀏覽器查看效果
3.postman 用來(lái)追蹤請(qǐng)求,查看返回?cái)?shù)據(jù),還可以看各種請(qǐng)求地址里的文件,前端必備
4.homebrew 用來(lái)安裝各種插件和軟件包
5.dash 各種api文檔,配合alfred查找效果更佳哦
6.vscode編輯器配合插件,前端寫(xiě)代碼必備,插件基本上滿(mǎn)足日常需求,還能配合zsh和iterm2使用,雖然是微軟開(kāi)發(fā)的,感覺(jué)比windows上好用,,當(dāng)然也會(huì)有人推薦sublime和coda2
7.ps插件-cutterman 一鍵切圖簡(jiǎn)單高效
8.snap 方便截圖,然后保留在一個(gè)區(qū)域,隨時(shí)取用
9.hype3快速設(shè)計(jì)html5特效
10.CheatSheet 快速查各軟件快捷鍵,提高效率
11.Cornerstone mac上比較好的svn軟件
12.WeFlow 是一個(gè) GUI 的前端工具,其功能和用法可以參考市面上比較出名的一款軟件:CodeKit
13.sip 顏色拾取,方便快捷,還可以存儲(chǔ)歷史值和配色
14.pixelmator 比ps小但功能滿(mǎn)足需求的軟件,偏設(shè)計(jì)的前端可以使用
-----------------------------------我是分割線(xiàn),不算是Mac專(zhuān)屬的插件-----------------------------------
1.node插件anywhere簡(jiǎn)單安裝簡(jiǎn)單操作,搭建簡(jiǎn)單服務(wù)器,僅需兩步 npm install anywhere -g;
在項(xiàng)目目錄下 anywhere 8080
2.vscode插件,live html邊改邊看頁(yè)面效果,chrome也有類(lèi)似插件live
3.chrome插件,browserstack,在云端測(cè)試各種瀏覽器,比如ie;restlet Client,調(diào)試接口;animation,開(kāi)發(fā)工具調(diào)試css3動(dòng)畫(huà)
---------------------------------------------------------------------------------------------------------------
等等還有許多小軟件和chrome插件配合開(kāi)發(fā)使用,美哉
--------2017.07.15新增---------------------------------------------
paw:前端請(qǐng)求數(shù)據(jù),調(diào)試API工具,功能比postman更強(qiáng)大
legoflow:前端構(gòu)建化軟件,可搭配vue,webpack使用
snippetslab:存儲(chǔ)代碼片段,快捷指令輸出
panel:復(fù)制粘貼神器,合理保存歷史記錄
textexpander:高效的輸出指令工具,幫助提高輸入
sketch:偏向設(shè)計(jì)的前端必備設(shè)計(jì)軟件
password2:記錄密碼,幫助快捷登錄
codekit:代碼構(gòu)建工具
--------2019.01.16新增---------------------------------------------
compresser:前端萬(wàn)能壓縮
regex101:正則可視化工具
snippetsLab:代碼片段收集管理
switchHosts!:切換host