Mac下大家都用什么工具開(kāi)發(fā)HTML5？能免費(fèi)的終端神器,接著安裝好zsh和oh-dear-zsh自動(dòng)打開(kāi)你的程序員之路吧，前端也可以不用是incident57開(kāi)發(fā)的一套前端開(kāi)發(fā)總裁秘書(shū)工具，還能夠不

Mac下大家都用什么工具開(kāi)發(fā)HTML5？

能免費(fèi)的終端神器,接著安裝好zsh和oh-dear-zsh自動(dòng)打開(kāi)你的程序員之路吧，前端也可以不用

是incident57開(kāi)發(fā)的一套前端開(kāi)發(fā)總裁秘書(shū)工具，還能夠不自動(dòng)代碼編譯Less,Sass等前端代碼，也可以對(duì)js文件并且合并

，壓縮

，語(yǔ)法檢查

工作，支持Compass

(Sass

)，對(duì)格式圖片接受高壓縮系統(tǒng)優(yōu)化，代碼編輯過(guò)程中可自動(dòng)刷新瀏覽器欄里點(diǎn)效果

用處搜尋請(qǐng)求，查找回?cái)?shù)據(jù)，還可以看各種請(qǐng)求地址里的文件，前端必備技巧

4.homebrew

用來(lái)安裝好各種插件和軟件包

5.dash

各種api文檔，和alfred

查看效果更佳哦

6.vscode

編輯器配合插件，前端寫(xiě)代碼必備，插件基本都滿足的條件日常注意需求，又能依靠zsh和iterm2不使用，雖然是微軟開(kāi)發(fā)的，那種感覺(jué)比windows上好用，，其實(shí)也會(huì)沒(méi)有人我推薦sublime和coda2

插件-cutterman

一鍵設(shè)置切圖很簡(jiǎn)單高效率

比較方便截圖，然后剩余在一個(gè)區(qū)域，即將取用

9.hype3

飛速設(shè)計(jì)html5特效

迅速查各軟件快捷鍵，提高效率

mac上都很好的svn軟件

12.WeFlow

是一個(gè)GUI的前端工具，其功能和用法是可以參考市面上比較好有名的一款軟件：CodeKit

顏色拾取后，方便快捷，還也可以存儲(chǔ)歷史值和配色

14.pixelmator

比ps小但功能滿足需求的軟件，偏電腦設(shè)計(jì)的前端可以不在用

-----------------------------------我是分割線，不也算Mac三個(gè)專屬的插件-----------------------------------

插件anywhere

很簡(jiǎn)單安裝簡(jiǎn)單你的操作，重新搭建很簡(jiǎn)單服務(wù)器，僅需兩步npminstallanywhere-g

在項(xiàng)目目錄下anywhere8080

2.vscode插件，

playhtml邊改邊吃邊看頁(yè)面效果，chrome也有類似于插件talk

插件,browserstack,

在云端測(cè)試各種瀏覽器，比如ierestletClient

，調(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

:前端統(tǒng)合化軟件，可搭配vue,webpack不使用

snippetslab

:存儲(chǔ)代碼片段，快捷指令輸出

panel

：直接復(fù)制神器，合理不保存到歷史記錄

textexpander

:高效穩(wěn)定的輸出指令工具，指導(dǎo)能提高鍵入

sketch

:偏向電腦設(shè)計(jì)的前端必備技巧設(shè)計(jì)軟件

password2

:留下記錄密碼，好處快捷登錄

codekit

：代碼形成完整工具

--------2019.01.16新增---------------------------------------------

compresser:

前端都可以高壓縮

regex101:

正則可視化工具

snippetsLab

:代碼片段收集管理

switchHosts!:

可以切換host

cheatsheet是什么意思？

CheatSheet的意思：

1、Cheat“欺騙”，CheatSheet“小抄”。例句：“Apieceofpaperwithinformationwrittendownonitthatanunethicalpersonmightcreateiftheywerentpreparedfor atest.”因此對(duì)考試準(zhǔn)備好將近，挾帶幾個(gè)大字考試內(nèi)容的紙條，此為品行不高的人所為。

2、CheatSheet“簡(jiǎn)單啊說(shuō)明、步驟說(shuō)明書(shū)”例句：WeaskedtheIBMEngineerwantdevelopacheatsheetforthismachine.我們具體的要求IBM公司的工程師給我們搞個(gè)簡(jiǎn)單的機(jī)器操作說(shuō)明書(shū)。

3、CheatSheet（相當(dāng)于備忘錄）是一款區(qū)分于Mac操作系統(tǒng)的小插件，欄里點(diǎn)各種程序環(huán)境下熱鍵，隨意能找到當(dāng)前是需要的快捷鍵。