前端工具

做前段UI设计师已经有1年时间了，在这1年里修改了公司的研发管理系统，尝试过一些前端开发工具。

-敲代码篇

1.Sublime Text3

前端开发神器，不多介绍了，支持各种插件、启动速度极快。

平台：Windows、MAC、Linux

官方网站：http://www.sublimetext.com/

2.HBuilder

仅次于Sublime Text之后的前端开发神器，支持安装插件，并且带有IOS/ANDROID客户端，支持移动端调试，支持插件安装等。唯一的缺点就是，启动的时间稍微长了点。

平台：MAC、Windows

官方地址： http://www.dcloud.io/

3.白鹭引擎Egret

应该有很多人知道的一款游戏引擎开发引擎，新版的白鹭引擎自带了“微信小程序”IDE（官方的IDE贼坑爹），用来开发微信小程序是极好的选择，它能够自动创建整个小程序了开发模板，使用起来很便捷。当然，如果你是前端游戏开发者，这个是最好的选择。

支持平台：MAC

官方地址：https://www.egret.com/

4.Coda2

MAC端一款前端开发神器，简洁的界面，启动速度快，支持FTP同步、支持实时界面预览等功能。

平台：MAC、IOS

官方地址：https://www.panic.com/coda/

-切图篇

1.PS

不介绍了，猴子也知道

2.Sketch

比PS更容易上手的一款设计工具，应该都不会陌生，更加轻量、高效。同时支持插件安装。非常容易上手（虽然最近，还在研究这个）

-代码管理区

1. Github

灰常牛逼的代码版本托管，几乎所有的程序员都知道

平台：MAC、Windows、Linux

官方地址：https://github.com/

2.SVN

和git一样，也是代码版本管理，不过没有GitHub好用，一些小团队可能还会使用这个，曾经在家乡这边的小公司，用的就是这款。不太推荐使用

平台：Windows、MAC、Linux

官方地址：http://www.svnchina.com/

3.Hydrogen

炒鸡好用Github管理软件，是在“少数派”发现的。你可以在这个客户端轻松的创建你的git任务，并且设定开发日历，查看进度，编写开发进度。强烈推荐。唯一的遗憾是，只支持MAC系统。

平台：MAC

官方地址：http://origingroup.tech/index.zh.html

-环境搭建篇

在做项目的时候，一定少不了搭建本地环境这一环节。我有一个习惯，拿到项目先搭建本地环境，开发测试好了以后再上传GIT或者FTP这样会减少项目出错的概率。

1.PHPStudy

应该是Windows平台下，最好用的全能环境搭建了。

平台：Windows

官方地址：http://www.phpstudy.net/

2.XAMPP

不用多说了~~

平台：Windows、MAC、Linux

官方地址：https://www.apachefriends.org/zh_cn/index.html

3.MAMP

MAC平台下最好用的全能开发环境，支持各种版本的php安装，支持NGINX.

平台：MAC、Windows

官方链接：https://www.mamp.info/en/downloads/

> <p style="color:#ccc;">转载自前端网</p>