前端學習中離不開各種各樣的軟件,很多同學找不到哪里下載,這里pink老師非常用心的給大家整理出來了,
親們可以再 文章最后找到網盤地址 最后去下載,
看pink老師整理的這么熟練,像不像你們一鍵三連那么自然,嘿嘿。。。 工具有很多,有些我們開發的直接使用的,有的是輔助我們學習的,pink老師站在過來人的角度給大家推薦的哈。
1. 前端代碼編輯器 VScode (宇宙第一神器) ★★★★★
最新軟件版本官網地址下載:
https://code.visualstudio.com/ vscode軟件
當然為了適合不同同學使用,我把submit 和 webstorm 軟件編輯器也放進去了。
2. chrome瀏覽器 ★★★★★
不用說了,前端必備瀏覽器。 最新版可以去官網下載:
https://www.google.cn/intl/zh-CN/chrome/
3. PS 軟件以及插件 ★★★
如果正常使用可以使用里面的綠色版, 如果想要安裝插件,的需要安裝完整版
推薦安裝的ps 插件 藍湖 慕客 cuttman 切圖必備
建議: 大家都要去藍湖或者慕客注冊賬號,現在UI基本都是在藍湖和慕客上給我們標注好,具體的尺寸和大小里面可以直接查看,不需要測量了,稍后我出個視頻,介紹我們使用場景。
4. Adobe Fireworks CS6 Ansifa精簡版 ★★
用的越來越少了,如果需要的同學可以下載一下
5. 馬克曼 ★★★
用於測量和標注的,比較小巧,
最新版本可以去官網下載 :
http://www.getmarkman.com/
但是文件是air格式,需要先安裝 Adobe AIR Runtime 軟件,在安裝馬克曼 網盤里面都有了
6. 截圖軟件 Snipaste ★★★★★
可以截圖測量等,我非常喜歡的一個軟件,學習中給我提供很大的幫助。 到底多厲害,
來看看我的視頻吧
https://www.bilibili.com/video/BV14J4114768?p=112
各個版本的可以去官網下載: https://www.snipaste.com/
7. 繪圖工具 designer ★★★★★
學習中為了更好理解盒子擺放,或者js流程,繪圖工具是一定要有的,可以幫助大家更好的理解,pink老師推薦 designer。
designer 官網地址:
https://diagram-designer.en.softonic.com/
8. X-mind 思維導圖軟件 ★★★★★
每天都學了很多知識點,很有必要自己重新梳理下, 思維導圖是不錯的選擇,使用也非常簡單。 回車創建同一級, tab 創建下一級。
可以參看最后總結視頻 :
https://www.bilibili.com/video/BV14J4114768?p=388
9. Typora 編寫MD筆記 ★★★★★
知識點非常多,做筆記是非常好的習慣,筆記記錄推薦 Typora 來編寫 md文件,結構,代碼非常清晰。
看我echarts 視頻代碼比較多, 所以需要 md文件:
https://www.bilibili.com/video/BV1v7411R7mp?p=14
官網地址: https://www.typora.io/
10. git 版本控制工具 ★★★★★
前端開發並不是一個人來工作的,而是多個人協作,這個時候就會用到git版本控制工具了。咱們前端必備的工具, 提交、合並、分支、回滾等多個操作你重點掌握。 git版本控制軟件 網盤地址里面有了.
官網地址: https://git-scm.com/
11. node ★★★★★
node對我們前端來說,重要性不言而喻了。 作為一個js 的運行環境,每個人前端人員必須掌握的。
各個版本下載官網地址: http://nodejs.cn/
12. 有關后台的集成環境 ★★
搭建服務器 常見的集成環境 wampserver phpStudy APMServ-v5.2.6 等 ,也許你將來用得到。
13.MySQL數據庫 ★★★★
咱們前端可以利用 node + mysql 數據庫搭建服務器, 前端一樣可以設計后天。
14. Postman ★★★★★
提供功能強大的WebAPIHTTP請求調試,咱們前端人員用它來測試接口非常便捷。強烈推薦 官網地址: https://www.postman.com/
15. 網站上傳工具 Cutftp ★★★
網站上傳可以看我的視頻哈:
https://www.bilibili.com/video/BV14J4114768?p=354
16. 錄屏軟件 camtasia ★★★
如果有好的視頻不能下載也可以考慮錄屏哦, 或者自己有很多的心得體會,學習方法,也可以錄制下來,發布到網上。 這里推薦camtasia, 因為可以錄制,還可以裁剪哈,非常好用,pink老師的視頻都是這個軟件錄的。
17. 屏幕繪圖工具 zoomit ★★★★★
同學們看我視頻,經常發現視頻放大,可以在屏幕上畫來畫去,很有藝術大師的風范吧。。嘿嘿,這個是用 zoomit 軟件來的, ctrl+ 1 就是放大屏幕 crtl + 2 可以畫圖,網上都有使用教程,也非常方便。
18. 拔網頁的小工具 ★★★
如果看到在線網站非常漂亮,怎么弄下來呢, 不用另存為,直接用我這個工具吧,里面輸入域名和地址, 點擊下載,就可以把網頁中的圖片,樣式結構完全下載到本地里面, 而且是相對路徑的,非常好用, 不信你去試試吧。。
網盤地址: 還不趕緊三連, 趕快去下載吧。。 還有其他軟件我會定時更新哈。。
鏈接:
https://pan.baidu.com/s/1AOESt8Vt27zxuE07tBO8CA 提取碼:dqvy
感謝各位同學的支持,pink老師有你們更精彩。 pink老師