为了使用sketch,升级了mac系统版本os 10.12.1,然后各种应用大崩溃:QQ, safari, 邮件,印象笔记都打不开了。于是重新格式化电脑安装了10.11……一切正常之后,开始配置常用的前端工具。
1. node &npm
![](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1488879821982&di=1ee06168a0dd60a2e31741d5d8ef29e7&imgtype=0&src=http://www.zingdesign.com/wp-content/uploads/nodejs-green.png)
node和npm几乎是一切的基础。有了npm包管理工具,就能安装接下来的工具了。
下载安装包:https://nodejs.org/en/
2. sublime
![](https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1488869710&di=65358e26433ba92550813e3e3d4fef03&src=http://wap.hbjsfx.com/static/kindeditor/attached/image/20161122/20161122084322_85783.jpg)
每天写代码的地方。如果不喜欢vim,sublime绝对是零基础入手的神器。
下载安装包:http://www.sublimetext.com/
需要配合package control使用,大大增强功能。
3. iterm2
![](https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3188667583,1548886302&fm=23&gp=0.jpg)
好用的控制台, 代替mac自带终端。
下载安装包:http://www.iterm2.com/
4. git & github
![](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1488879941949&di=9ea54b34420ff9d53c05ceff64580829&imgtype=0&src=http://upload.chinaz.com/2016/0308/1457405654234.gif)
文件版本管理,连接github
下载安装包:https://git-scm.com/download/mac
配置ssh key: https://github.com/settings/keys
5. brew & make
brew: 包管理工具,可继续安装nginx,make, wget
复制命令安装:https://brew.sh/
新建Makefile, 使用make快捷执行命令
6. Xcode
![](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1488879995513&di=39cf240cbbdb9300295197c28dfbb05f&imgtype=0&src=http://wap.yesky.com/uploadImages/20151104144911811.png)
安装brew的时候要求安装xcode,那就安吧。4.55GB也太大了吧
到这里,前端工具基本已经安装完毕。另外贴几个设计+交互软件的地址备份
7. Sketch
![](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1488880033977&di=0c9a9f71196bc6c5d3a9012ae519972d&imgtype=0&src=http://img.yang16.com/2017/01/sketchicon.jpg)
现在已经不用ps和ai了,sketch实在是好用。
下载安装包:https://www.sketchapp.com/
常用插件:sketch measure; style inventory
8. Tumult Hype
交互设计工具
下载安装包:http://tumult.com/hype/download/ (需要翻墙)
Adobe XD
![](https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3490968667,2167488388&fm=23&gp=0.jpg)
看在adobe家族如此力挺这个设计+交互工具,还是值得一试的。
网盘下载:http://pan.baidu.com/s/1jHqMWYi
写在最后:@梁小米原创文章,文章版权为作者所有,转载请提前联系。