微信号:fed-talk

介绍:公众号开通于2016年,内容起于前端而不止于前端.

在Mac平台配置你的开发环境

2016-07-11 00:07 icepy


非Mac用户请自动忽略...


Mac 调整


当你刚拿到Mac时(新款),你需要调整一下系统设置(System Preferences)来让你使用起来更便捷。

触控板设置

  • 系统设置 -> 触控板

    • 应用 Expose不勾选,其他全选

    • 辅助点按

    • 轻点来点按

    • 光标与点击

    • 滚动缩放(全勾选)

    • 更多手势

Dock设置

  • 系统设置 -> Dock

    • 置于屏幕上的位置:左

    • 为打开的应用显示指示灯

    • 自动显示和隐藏

Finder

  • Finder -> 偏好设置

    • 开启新Finder窗口时打开:Home

    • 通用

    • 边栏(个人喜好选择对你有用的)

    • 高级(全部勾选)

  • Finder -> 显示

    • 显示标签页栏

    • 显示预览

    • 显示路径栏

    • 显示状态栏

菜单,Spotlight,通知中心

菜单栏可以将蓝牙等不常用的图标设置隐藏,将有用的图标留下,比如VPN电池百分比等。

Spotlight主要是去掉字体,书签,历史记录等不需要的内容,多设置一下自己适合的快捷键,当然你也可以通过 Flashlight 来将增强Spotlight

如果你能用好通知中心我想 Today-Scripts 项目会是你最好的选择。

配置终端

安装homebrew,不装真对不起自己,访问 homebrew 获取资源。

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

使用 iTerm2 来替换系统自带的终端,不可否认的是它的强大足够带来便利。

换掉/bin/bash请使用/bin/zsh,安装oh-my-zsh,增强你的命令行。oh-my-zsh 的配置主要集中在用户当前目录的.zshrc里,你可以在这里来配置你的环境变量和别名。

sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

使用homebrew安装 tmux 将你的终端进行分屏,tmux 的配置在.tmux.conf文件中,你可以在这里来配置快捷键等。

brew install tmux

安装 Vundle.vim 来管理你的vim插件。

git clone https://github.com/gmarik/Vundle.vim.git ~/.vim/bundle/vundle

你可以下载我的 shell conf 来完成对终端的配置

git clone https://github.com/icepy/icepy.vim.git ~/icepy.vim

cp -r .vimrc ~/

cp -r .vimrc.bundles ~/

cp -r .tmux ~/

cp -r .tmux.conf ~/

cp -r .zshrc ~/

或者

cp -r ~/icepy.vim/* ~/

如果不想使用YouCompleteMe可以注释掉,因为此需要Apple LLVM clang编译器,在vim目录可以按F5来开启目录选择。如果你进入了vim i模式可以运行:BundleInstall 或者 在终端中运行vim+PluginInstall+qall 来安装vim插件。在终端输入tmux,control+b (按一下)然后再按D(注意是大写),如果想关闭control+b 再按shift+7。

安装Xcode command line tools,运行命令后按照指引你将完成 Xcode command line tools 安装。

xcode-select --install

Xcode command line tools 是Apple提供的一套集成解决方案,它将很多常用的工具都集成在了这个命令行工具中。

Mac/iOS App

如果你要写Mac/iOS/Watch OS App你的最佳选择应该是Xcode(友情提示:如果你安装了Xcode你就不需要再安装Xcode command line tools工具了)。

下列的几项工具应该是你必备的:

  • SimPholders2 ----- 模拟器文件目录埋的太深,用这个工具可以直接定位到模拟器目录。

  • Makeappicon ----- 上传一张1024x1024的图片,自动生成Icon Png。

  • Appscreens ----- 提交AppStore时所需要的截图,可以使用此工具。

  • Reveal ----- 调试UI可以用的工具,在运行时动态修改,不用重新编译,非常方便。

  • PixelWinch ----- 这个工具可以测量像素。

原始的Xcode有时候并不好用,那么下列的增强型插件总有一款你用的上:

服务端

如果你要写Swift来开发服务端,你可以使用Swift Manage Package来安装包,如果你安装了Xcode就不需要再额外的去安装Swift了。

如果你要写Node应用还是使用WebStorm吧,不管是智能提示还是Debug还是集成都使用的非常便捷,如果你喜欢使用vim可以安装WebStorm的vim插件。

Node环境

brew install nvm

安装 nvm 来管理node环境。

mongodb环境

brew install mongodb

配置文件在/usr/local/etc/mongod.conf

systemLog:
      destination: file
      path: /usr/local/var/log/mongodb/mongo.log
      logAppend: true
storage:
      dbPath: /Users/xiangwenwen/mongodb/data
net:
      bindIp: 127.0.0.1

在终端运行mongod --config /usr/local/etc/mongod.conf,tmux session右窗口处运行mongo。

mysql环境

brew install mysql

安装完成之后使用mysql.server start来启动mysql服务,这样你才能使用mysql数据库。

前端

Sublime Text

做为一款比较老牌的编辑器它拥有良好的灵活性(插件居多)和快捷键,前端开发好用到爆。

Atom

评价:后起之秀

React Native

Facebook基于Atom提供了一套开发React Native的插件,访问 Nuclide 来安装它吧。


读课提醒


言归正传我们在微信群中推出了《早读课》,每日分享一篇我们认真精选的文章(不限于前端开发类),其目的是帮助开发者来学习有价值的东西。想加微信群的朋友,直接添加我的微信号:icepy_1988,审核之后会邀请你入群。想加QQ群的朋友,可以直接添加:418898836,答对问题即可入群。


关注我们


更多精彩内容可关注微信公众号:搜索 fed-talk ,来关注我们吧,也欢迎你将它分享给自己的朋友。


 
前端Talk 更多文章 前端开发基础-JavaScript(一) Mulgore Pro计划 移动前端重构实战系列:5-7章 前端开发基础-JavaScript(二) 什么是前端Talk读者群
猜您喜欢 使用Icinga2监控服务器带宽以及内存占用 《学习之道》书摘 【推荐】他颠覆了美国教育,拒绝了10亿美元,比尔盖茨都捧着他 ✎_不要伤害最爱你的人 设计模式(Design Pattern)