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

Mac 调整

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

触控板设置

  • 系统设置 -> 触控板

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

    • 辅助点按

    • 轻点来点按

    • 光标与点击

    • 滚动缩放（全勾选）

    • 更多手势

linux和mac开发环境（在Mac平台配置你的开发环境）(1)

Dock设置

  • 系统设置 -> Dock

    • 置于屏幕上的位置：左

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

    • 自动显示和隐藏

linux和mac开发环境（在Mac平台配置你的开发环境）(2)

  • Finder -> 偏好设置

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

    • 通用

    • 边栏（个人喜好选择对你有用的）

    • 高级（全部勾选）

    linux和mac开发环境（在Mac平台配置你的开发环境）(3)

    • 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有时候并不好用，那么下列的增强型插件总有一款你用的上：

    • Alcatraz ----- 这个插件可以用来管理Xcode其他所有的插件。

    • KSImageNamed-Xcode ----- 使用UIImage时可以自动提示已经导入的图片。

    • ColorSense-for-Xcode ----- 使用UIColor时可以弹出Xcode的颜色选择器。

    • SCXcodeMiniMap ----- 给Xcode增加一个mini小地图。

    • VVDocumenter-Xcode ----- 快捷的编写文档注释。

    • XToDo ----- 快速的查看To Do列表。

    • XAlign ----- 可以快速的使代码对其。

    • cocoapods-xcode-plugin ----- 方法查看和管理pod安装的第三方库。

    • Ciapre-Xcode-theme ----- 这是我个人非常喜欢的一个主题。

    服务端

    如果你要写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

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

    • Emmet：zen coding的升级版，对于前端来说，可是必备插件;

    • sublimelint：用于代码的校验，支持 HTML、CSS、JS、PHP、Java、C 等16种语言;

    • JsFormat：用于JavaScript格式化;

    • DocBlockr：快速编写注释;

    • SublimeCodeIntel：智能语法分析提示;

    • ColorPicker：快速选取颜色

    • HTML-CSS-JS Prettify：html/css/js 格式化

    • Alignment：用于代码对齐;

    • WakaTime：用于记录编程时间；

    • Seti_UI：好看的主题，包括文件icon；

    • OmniMarkupPreviewer：将MD文件渲染成网页，可以在浏览器中查看；

    • Babel：ES6语法高亮；

    Atom

    评价：后起之秀

    • TypeScript：支持TypeScript编译；

    • run-in-browser：支持运行网页；

    • Emmet：快速编写HTML；

    • minimap：右侧小地图；

    • color-picker：CSS颜色取色器；

    • autoprefixer：自动补全CSS前缀；

    • autocomplete-paths：对路径选择进行增强；

    • autocomplete-python：对Python提示进行增强；

    • docblockr：编写注释好帮手；

    • file-icons：美化编辑器图标；

    • linter-jshint：JavaScript语法检查；

    React Native

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

    早读课提醒（面向前端开发者）

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

    关注我们

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

    ,