文章目錄

前言
一.前端代碼編輯器 VScode （宇宙第一神器） ★★★★★
二. chrome瀏覽器 ★★★★★
三. PS 軟體以及插件 ★★★
四. Adobe Fireworks CS6 Ansifa精簡版 ★★
五. 馬克曼 ★★★
六. 截圖軟體 Snipaste ★★★★★
七. 繪圖工具 designer ★★★★★
八. X-mind 思維導圖軟體 ★★★★★
九. Typora 撰寫MD筆記 ★★★★★
十. git 版本控制工具 ★★★★★
十一. node ★★★★★
十二. 有關后臺的集成環境 ★★
十三.MySQL資料庫 ★★★★
十四. Postman ★★★★★
十五. 網站上傳工具 Cutftp ★★★
十六. 錄屏軟體 camtasia ★★★
十七. 螢屏繪圖工具 zoomit ★★★★★
十八. 拔網頁的小工具 ★★★
總結

前言

前端學習必備的開發工具和輔助工具，強烈推薦！！！

在這里插入圖片描述

網盤地址：

鏈接: https://pan.baidu.com/s/1L-Anq7Wb1fjKXRlIBRnHqA

提取碼: kc6a

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

最新軟體版本官網地址下載： https://code.visualstudio.com/
在這里插入圖片描述

網盤資源附有其他編譯器ubmit 和 webstorm 供不同愛好使用，

二. chrome瀏覽器 ★★★★★

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

最新版可以去官網下載： https://www.google.cn/intl/zh-CN/chrome/

三. PS 軟體以及插件 ★★★

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

推薦安裝的ps 插件藍湖慕客 cuttman 切圖必備

建議：大家都要去藍湖或者慕客注冊賬號，現在UI基本都是在藍湖和慕客上給我們標注好，具體的尺寸和大小里面可以直接查看，不需要測量了，

四. Adobe Fireworks CS6 Ansifa精簡版 ★★

用的越來越少了，如果需要的可以下載用下.

五. 馬克曼 ★★★

用于測量和標注的，比較小巧，

最新版本可以去官網下載 : http://www.getmarkman.com/

但是檔案是air格式，需要先安裝 Adobe AIR Runtime 軟體，在安裝馬克曼網盤里面都有了

六. 截圖軟體 Snipaste ★★★★★

可以截圖測量等，我非常喜歡的一個軟體，學習中給我提供很大的幫助，

各個版本的可以去官網下載： https://www.snipaste.com/

七. 繪圖工具 designer ★★★★★

學習中為了更好理解盒子擺放，或者js流程，繪圖工具是一定要有的，可以幫助大家更好的理解，

在這里插入圖片描述

官網地址： https://diagram-designer.en.softonic.com/

八. X-mind 思維導圖軟體 ★★★★★

每天都學了很多知識點，很有必要自己重新梳理下，思維導圖是不錯的選擇，使用也非常簡單，回車創建同一級， tab 創建下一級，

九. Typora 撰寫MD筆記 ★★★★★

知識點非常多，做筆記是非常好的習慣，筆記記錄推薦 Typora 來撰寫 md檔案，結構，代碼非常清晰，

在這里插入圖片描述
官網地址： https://www.typora.io/

十. git 版本控制工具 ★★★★★

前端開發并不是一個人來作業的，而是多個人協作，這個時候就會用到git版本控制工具了，咱們前端必備的工具，提交、合并、分支、回滾等多個操作你重點掌握，

在這里插入圖片描述
網盤地址里面有了. 官網地址： https://git-scm.com/

十一. node ★★★★★

node對我們前端來說，重要性不言而喻了，作為一個js 的運行環境，每個人前端人員必須掌握的，

各個版本下載官網地址： http://nodejs.cn/

十二. 有關后臺的集成環境 ★★

搭建服務器常見的集成環境 wampserver phpStudy APMServ-v5.2.6 等，也許你將來用得到，

十三.MySQL資料庫 ★★★★

咱們前端可以利用 node + mysql 資料庫搭建服務器，前端一樣可以設計后天，

十四. Postman ★★★★★

提供功能強大的WebAPIHTTP請求除錯,咱們前端人員用它來測驗介面非常便捷，強烈推薦

官網地址： https://www.postman.com/

十五. 網站上傳工具 Cutftp ★★★

十六. 錄屏軟體 camtasia ★★★

如果有好的視頻不能下載也可以考慮錄屏哦，或者自己有很多的心得體會，學習方法，也可以錄制下來，發布到網上，

這里推薦camtasia，因為可以錄制，還可以裁剪哈，非常好用，pink老師的視頻都是這個軟體錄的，

十七. 螢屏繪圖工具 zoomit ★★★★★

同學們看我視頻，經常發現視頻放大，可以再螢屏上畫來畫去，很有藝術大師的風范吧，，嘿嘿，這個是用 zoomit 軟體來的， ctrl+ 1 就是放大螢屏 crtl + 2 可以畫圖，網上都有使用教程，也非常方便，

十八. 拔網頁的小工具 ★★★

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

總結

以上檔案全部分享供下載使用