前端學(xué)習(xí)中離不開各種各樣的軟件，很多同學(xué)找不到哪里下載，這里pink老師非常用心的給大家整理出來了，親們可以再??文章最后找到網(wǎng)盤地址? ?最后去下載啦，?看pink老師整理的這么熟練，像不像你們一鍵三連那么自然,嘿嘿。。。

工具有很多，有些我們開發(fā)的直接使用的，有的是輔助我們學(xué)習(xí)的，pink老師站在過來人的角度給大家推薦的哈。

1. 前端代碼編輯器 VScode （宇宙第一神器） ★★★★★

最新軟件版本官網(wǎng)地址下載：? ?https://code.visualstudio.com/

當(dāng)然為了適合不同同學(xué)使用，我把submit?和?webstorm?軟件編輯器也放進(jìn)去了。

2.?chrome瀏覽器? ??★★★★★

不用說了，前端必備瀏覽器。? ?

最新版可以去官網(wǎng)下載：??https://www.google.cn/intl/zh-CN/chrome/

3. PS?軟件以及插件? ??★★★

如果正常使用可以使用里面的綠色版，?如果想要安裝插件，的需要安裝完整版

推薦安裝的ps?插件? ?藍(lán)湖? ? 慕客? ?cuttman? 切圖必備

建議：? 大家都要去藍(lán)湖或者慕客注冊(cè)賬號(hào)，現(xiàn)在UI基本都是在藍(lán)湖和慕客上給我們標(biāo)注好，具體的尺寸和大小里面可以直接查看，不需要測(cè)量了，稍后我出個(gè)視頻，介紹我們使用場(chǎng)景。

4.?Adobe Fireworks CS6 Ansifa精簡(jiǎn)版??★★

用的越來越少了，如果需要的同學(xué)可以下載用下

5.?馬克曼? ?★★★

用于測(cè)量和標(biāo)注的，比較小巧，

最新版本可以去官網(wǎng)下載 :?http://www.getmarkman.com/

但是文件是air格式，需要先安裝?Adobe AIR Runtime? 軟件，在安裝馬克曼?網(wǎng)盤里面都有了

6.?截圖軟件?Snipaste??★★★★★

可以截圖測(cè)量等，我非常喜歡的一個(gè)軟件，學(xué)習(xí)中給我提供很大的幫助。

到底多厲害，來看看我的視頻吧

https://www.bilibili.com/video/BV14J4114768?p=112

各個(gè)版本的可以去官網(wǎng)下載：??https://www.snipaste.com/

7.?繪圖工具??designer? ★★★★★

學(xué)習(xí)中為了更好理解盒子擺放，或者js流程，繪圖工具是一定要有的，可以幫助大家更好的理解，pink老師推薦?designer。

官網(wǎng)地址：?https://diagram-designer.en.softonic.com/

8.?X-mind? ?思維導(dǎo)圖軟件? ?★★★★★

每天都學(xué)了很多知識(shí)點(diǎn)，很有必要自己重新梳理下，?思維導(dǎo)圖是不錯(cuò)的選擇，使用也非常簡(jiǎn)單。? 回車創(chuàng)建同一級(jí)，? tab?創(chuàng)建下一級(jí)。

可以參看最后總結(jié)視頻 ：https://www.bilibili.com/video/BV14J4114768?p=388? ??

9.?Typora?編寫MD筆記??★★★★★

知識(shí)點(diǎn)非常多，做筆記是非常好的習(xí)慣，筆記記錄推薦?Typora?來編寫?md文件，結(jié)構(gòu)，代碼非常清晰。

看我echarts?視頻代碼比較多，?所以需要?md文件：?https://www.bilibili.com/video/BV1v7411R7mp?p=14

官網(wǎng)地址：?https://www.typora.io/

10.?git?版本控制工具??★★★★★

前端開發(fā)并不是一個(gè)人來工作的，而是多個(gè)人協(xié)作，這個(gè)時(shí)候就會(huì)用到git版本控制工具了。咱們前端必備的工具，?提交、合并、分支、回滾等多個(gè)操作你重點(diǎn)掌握。

網(wǎng)盤地址里面有了.?官網(wǎng)地址：?https://git-scm.com/

11.?node?★★★★★

node對(duì)我們前端來說，重要性不言而喻了。?作為一個(gè)js?的運(yùn)行環(huán)境，每個(gè)人前端人員必須掌握的。

各個(gè)版本下載官網(wǎng)地址：??http://nodejs.cn/

12.?有關(guān)后臺(tái)的集成環(huán)境??★★

搭建服務(wù)器?常見的集成環(huán)境? ??wampserver? ? ?phpStudy? ? ?APMServ-v5.2.6? 等 ，也許你將來用得到。

13.MySQL數(shù)據(jù)庫? ★★★★

咱們前端可以利用?node +?mysql?數(shù)據(jù)庫搭建服務(wù)器，?前端一樣可以設(shè)計(jì)后天。

14.?Postman ★★★★★

提供功能強(qiáng)大的WebAPIHTTP請(qǐng)求調(diào)試,咱們前端人員用它來測(cè)試接口非常便捷。強(qiáng)烈推薦

官網(wǎng)地址：?https://www.postman.com/

15.?網(wǎng)站上傳工具?Cutftp? ★★★

網(wǎng)站上傳可以看我的視頻哈：?https://www.bilibili.com/video/BV14J4114768?p=354

16.?錄屏軟件?camtasia? ★★★

如果有好的視頻不能下載也可以考慮錄屏哦，? 或者自己有很多的心得體會(huì)，學(xué)習(xí)方法，也可以錄制下來，發(fā)布到網(wǎng)上。

這里推薦camtasia，?因?yàn)榭梢凿浿?，還可以裁剪哈，非常好用，pink老師的視頻都是這個(gè)軟件錄的。

17.?屏幕繪圖工具?zoomit? ?★★★★★

同學(xué)們看我視頻，經(jīng)常發(fā)現(xiàn)視頻放大，可以再屏幕上畫來畫去，很有藝術(shù)大師的風(fēng)范吧。。嘿嘿，這個(gè)是用?zoomit?軟件來的，? ctrl+ 1?就是放大屏幕? ? ?crtl + 2?可以畫圖，網(wǎng)上都有使用教程，也非常方便。

18.?拔網(wǎng)頁的小工具? ★★★

如果看到在線網(wǎng)站非常漂亮，怎么弄下來呢，?不用另存為，直接用我這個(gè)工具吧，里面輸入域名和地址，?點(diǎn)擊下載，就可以把網(wǎng)頁中的圖片，樣式結(jié)構(gòu)完全下載到本地里面，?而且是相對(duì)路徑的，非常好用，?不信你去試試吧。。

網(wǎng)盤地址：

還不趕緊三連，?趕快去下載吧。。?還有其他軟件我會(huì)定時(shí)更新哈。。

防止鏈接失效，趕緊轉(zhuǎn)存哈，?拿走拿走不用客氣~~~

鏈接：https://pan.baidu.com/s/1GH59gzt1ZTUWmjppFfwzNQ?

提取碼：f0kl?

復(fù)制這段內(nèi)容后打開百度網(wǎng)盤手機(jī)App，操作更方便哦--來自百度網(wǎng)盤超級(jí)會(huì)員V6的分享

感謝各位同學(xué)的支持，pink老師有你們更精彩。??

? ? pink老師