Mac 电脑前端环境配置

恍惚间，好久没有在外面写过随笔了。在阿里的那两年，学到了许多，也成长了许多，认识了很多可爱的人，也明白了很多社会的事。最后种种艰难抉择，我来到了美团成都，一个贫穷落后但更自由开放弹性的地方。已经误以为不打卡是对程序猿的保护，现在发现打卡上下班才是最好的保护，且不深谈~

新的环境开始配置新的电脑，本来把之前电脑上的一些重要配置都有弄成一个文件准备带过来的，好像上传个人钉盘被和谐掉了，只好自己再弄一次。

1、打开电脑，联网，登录 icould，itunes，etc

2、升级电脑系统（反正迟早是要升级的），期间可以下一些东西或者按照公司内部软件

3、appStore xcode （自带 git），打开 Xcode->open Developer Tool ->Simulator，准备仿真机调试环境

（网速慢的可以参照 https://blog.csdn.net/snowrain1108/article/details/51325040 或者先科学上网；

　　这里是别人的使用心得；

　　这里是命令行控制 simulator，但是少了我最常用的一行命名 xcrun simctl openurl booted https://xxxx 直接在当前 app 中打开某个网址）

1）与此配合使用，safari 浏览器->偏好设置->高级->在菜单栏显示开发菜单

2）由于还会用到 RN，因此需要稍微配置一下 ios 的开发环境。安装cocoapods http://www.code4app.com/article/cocoapods-install-usage

4、控制台相关环境

1）安装 brew 、wget

2）安装 node，nvm

3）iterm2+zsh+ oh-my-zsh，修改 shell 为 zsh，并在 ~/.zshrc 里面配置自己习惯的 alias

# zsh theme
ZSH_THEME="avit"

# alias
alias tar="tar -xvf"
alias gz="tar -xzvf"
alias tgz="tar -xzvf"
alias bz2="tar -xjvf"
alias zip="unzip"
alias gaa="git add --all"
alias gcmsg="git commit -m"
alias gpo="git push origin"
alias mi="cnpm install"
alias ms="cnpm start"

# 配置 vscode 的快速打开文件
alias vsc='/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/bin/code';
VSC_BIN='/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/bin';
PATH=$VSC_BIN:$PATH;

5、安装 vscode，参照小胡子哥的经验《如何快速上手一款 IDE - VSC 配置指南和插件推荐》。虽然有 vscode，但是习惯性还是安装 sublime 做日常使用，比如做复制粘贴板，sublime 官网，插件参照知乎《sublime text 3 插件推荐》即可。

6、安装 photoshop、microsoft office、charles、ihost 的破解版（公司没有正式版，又穷。。。）

7、markdown 推荐 markeditor，用习惯的我都买了 pro 了。邮件推荐网易邮箱大师。 窗口控制推荐 spectacle，可以很方便的切窗口的位置和大小，尤其是 chrome。

8、chrome 插件推荐：QRcode、FE helper、edit this cookie、postman、json handle、octotree、React Devolper Tools、Gliffy Diagrams 等，具体用途安装的时候看一下就知道了

9、娱乐相关的微信、qq、网易云音乐~~~

10、科学上网。需求来源为绘图，之前用 draw.io 实现过一个内部协同绘图系统，然后就习惯了 draw.io 了。现在没机器配，所以就直接用官网的，存储支持 Google Drive，于是乎去注册 google 账号，云邮箱等。翻墙使用 https://xiongmao.io/，https://xn--t75a9a.com/ 等。