前端必备工具大全------强推！！！

---

前言

前端学习必备的开发工具和辅助工具。强烈推荐！！！

网盘地址：

链接: 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 可以画图，网上都有使用教程，也非常方便。

十八. 拔网页的小工具 ★★★

如果看到在线网站非常漂亮，怎么弄下来呢， 不用另存为，直接用我这个工具吧，里面输入域名和地址， 点击下载，就可以把网页中的图片，样式结构完全下载到本地里面， 而且是相对路径的，非常好用， 不信你去试试吧。。

---

总结

以上文件全部分享供下载使用

网盘地址：

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

提取码: kc6a