我的 Mac 开发环境配置

image
前不久终于忍痛剁手了心水已久的 Mac ,捣腾了一段时间后,感觉有些东西确实在体验上要比 Windows 好上不少,但也有一些大家说好用的东西我不太适应,所以趁六一儿童节公司放假总结一下我用的一些玩意,也方便以后添置新设备的时候配置环境不出麻烦(不要问我为什么六一放假… ㄟ( ▔, ▔ )ㄏ)

基本配置

科学上网

由于我只需要同步Google账号上的东西,所以选择了蓝灯,每月 500M 免费流量,足够我使用了,使用方法很简单,下载安装打开即可

XCode

这个就不用说了吧,只要在 Mac 上搞开发基本都需要,直接在 App Store 下载安装就好了

Homebrew && Homebrew Cask

Homebrew 其实就是一个包管理器,可以认为是一个软件中心,几乎没有不能用它安装的软件,可以用来在 Mac 上安装一些 OSX 没有的 UNIX 工具,用法类似于 Ubuntu 上的 apt-get ,可以很方便的进行安装、更新和卸载

Homebrew cask 是一套建立在 Homebrew 基础上的 OSX 软件安装命令行工具,

两者的区别: 可以理解为 命令行工具使用 HomeBrew 进行安装,如: Git、 Node, 有图形界面的工具或软件使用 HomeBrew Cask 安装, 如 vscode、 QQ

特别注意 homebrew cask 是将应用程序放置在 /opt/homebrew-cask/Caskroom/ 下,会在你的 Home 目录中的「应用程序」文件夹中创建一个类似快捷方式的替身。在 Finder 的偏好设置中,第三个侧边栏勾选上你的家目录,这样找应用会方便一些。但不用太担心, Launchpad 是会找到这个目录下的应用的,需要 Alfred 支持请查看 brew cask alfred 。

  • 安装 Homebrew

    将以下命令粘贴至终端

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

    然后,我们需要让通过 Hombrew 安装的程序的启动链接 (在 /usr/local/bin中)可以直接运行,无需将完整路径写出。通过以下命令将 /usr/local/bin 添加至 $PATH 环境变量中:

    1
    echo 'export PATH="/usr/local/bin:$PATH"' >> ~/.bash_profile

    最后,打开终端,输入 brew doctor 测试 homebrew 是否能正常运行

  • 安装 Homebrew Cask

    可以直接用 Homebrew 进行安装,打开终端输入以下命令

    1
    2
    brew tap caskroom/cask // 添加 Github 上的 caskroom/cask 库
    brew install brew-cask // 安装 brew-cask
  • 使用

    接下来就可以尝试用 Homebrew 进行软件的安装了,只需要记住几个简单的命令就可以了,相信对于折腾到这一步的你来说已经不算什么了

    • brew cask search xun 列出所有 xun 开头的软件包
    • brew cask install xxx 安装名为 xxx 的软件
    • brew cask uninstall xxx 删除名为 xxx 的软件
    • brew update 更新 Homebrew 在服务器端上的包目录
    • brew list --versions 查看你安装过的包列表(包括版本号)
  • 一键装机 O(∩_∩)O哈哈~

    下面是一些常用的软件,可以直接通过 Homebrew 安装,不认识的可以自行百度

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    brew cask install alfred
    brew cask install appcleaner
    brew cask install cheatsheet
    brew cask install dropbox
    brew cask install google-chrome
    brew cask install sublime-text
    brew cask install mou
    brew cask install qlcolorcode
    brew cask install qlstephen
    brew cask install qlmarkdown
    brew cask install quicklook-json
    brew cask install qlprettypatch
    brew cask install quicklook-csv
    brew cask install betterzipql
    brew cask install webp-quicklook
    brew cask install suspicious-package
    ...

iTerm2+zsh

不知道你对于自带的白底黑字的终端怎么看,反正我是彻底无爱了,好在我们有更好的终端可以替换,接下来开始装逼

  • 安装 iTerm2

    1
    brew cask install iTerm2
  • 颜色和字体设置

    1. Keys -> Hotkey 中设置 command + option + i 快速显示和隐藏 iTerm
    2. 在 Profiles -> Default -> Check silence bell
    3. 下载 Solarized dark iterm colors,在 Profiles -> Default -> Colors -> Load Presets 将其导入,作为默认颜色。
  • 安装 zsh

    1
    brew install zsh zsh-completions
  • 安装 oh-my-zsh

    1
    curl -L https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh | ZSH=~/.dotfiles/zsh sh
    • 创建一个 zsh 的配置文件

      注意:如果你已经有一个~/.zshrc文件的话,建议你先做备份。使用以下命令

      1
      cp ~/.zshrc ~/.zshrc.orig
    • 然后开始创建 zsh 的配置文件

      1
      cp ~/.oh-my-zsh/templates/zshrc.zsh-template ~/.zshrc
    • 设置 zsh 为你的默认的 shell

      1
      chsh -s /bin/zsh

      主题可以选一个自己喜欢的,我不想在光标前还有很长的前缀,所以就用这种简约风格的主题,设置为顶部出现,透明度 80% ,看着很舒服

开发环境配置

目前正在大前端的路上匍匐前进,从后端转前端再重回后端,技术栈主要还是以 JS 为主,穿插一点原生 Android 开发和 IOS 开发,后端方面基本告别 .NET,注定要在 JS 这棵大树上生根发芽,所以开发环境方面主要是配合 JS 使用的

常用软件

这里列举的是一些我想推荐的软件和相关插件,可能使用的人不多,各取所需吧

Sublime Text

安装

1
brew cask install sublime-text3

插件安装方法

  1. 在 Sublime Text 中,按下 Ctrl+Shift+P 调出命令面板
  2. 输入 install 调出 Install Package 选项并回车
  3. 输入插件名,并在列表中选择后回车即可安装

    一些很好用但相对比较冷门的插件

  • JsFormat: JS 格式化插件,作为 nodejs 开发的必备神器。使用快捷键 Command + Option + F 或者在命令面板(Command + Shift + P)输入「Format: Javascript」就可以使用格式化命令
  • Emmet: 这个不需要做多介绍,网上搜索一下有很多相关使用教程。还有一个拓展小插件,叫做Emmet LiveStyle,需要和 Google Chrome 浏览器搭配使用,具体使用方法可以去官网看视频演示
  • ColorPicker: 在编辑CSS样式的时候,要加个自己喜欢颜色或改改颜色啥的,要到PS里去调色?ColorPicker 可以让 Sublime Text 3内置一个调色盘,调好颜色,点击OK就会在光标处生成十六进制颜色代码
  • CSSComb: 这是用来给CSS属性进行排序的格式化插件。如果你想保持的代码干净整洁,并且希望按一定的顺序排列(是不是有点强迫症了?),那么这个插件是一种有效解决的方案。特别是当你和其他有自己代码编写风格的开发者一同协作的时候
  • MarkDown Editing: SublimeText 不仅仅是能够查看和编辑 Markdown 文件,但它会视它们为格式很糟糕的纯文本。这个插件通过适当的颜色高亮和其它功能来更好地完成这些任务。

VScode

安装

1
brew cask install visual-studio-code

好用也好玩的插件

有道云笔记

传送门

开发环境

作为一个向全栈进军的大前端,开发环境肯定是复杂而多样的,不过万变不离其宗,万物始于 npm,不得不庆幸于 JS 的良好生态,可以很方便的打通前端、后端和移动端,所有的一切将从 npm 开始

Nodejs && Npm

Node.js® 是一个基于 Chrome V8 引擎的 JavaScript 运行时。 Node.js 使用高效、轻量级的事件驱动、非阻塞 I/O 模型。Node.js 之生态系统是目前最大的开源包管理系统。

  • 安装 node.js

    1
    brew install node

    检查一下node.js是否安装成功
    终端: node -v (查看一下node.js的版本号)

  • 安装 npm

    在安装 node.js会自动安装 npm
    可以使用 npm -v 查看是否安装成功

  • 安装 n

    npm install -g n
    没错,就是 n ,这是一个用来升级node.js版本,或者在多个node.js版本之间的进行管理的工具

  • 由于 npm 的源在国外,所以在国内使用起来各种不方便,可以通过使用淘宝的镜像资源来解决下载速度慢的问题

    npm config set registry https://registry.npm.taobao.org

    接下来的环境配置基本都可以使用 npm 来进行

MySql

这年头不会用 MySql 都不好意思说自己是程序猿,谁说前端只是写个页面做个效果,服务端数据接口照样手到擒来,走你┏ (゜ω゜)

MySQL是一个关系型数据库管理系统,由瑞典MySQL AB 公司开发,目前属于 Oracle 旗下产品。MySQL 是最流行的关系型数据库管理系统之一,在 WEB 应用方面,MySQL是最好的 RDBMS (Relational Database Management System,关系数据库管理系统) 应用软件。

  • 安装

    我想已经不用我再写安装方法了

    1
    brew install mysql
  • 配置

    如果想让 MySQL 开机自动启动,可以如下操作( $ 不用打):

    1
    2
    3
    4
    $ mkdir -p ~/Library/LaunchAgents
    $ ln -sfv /usr/local/opt/mysql/*.plist ~/Library/LaunchAgents
    $ find /usr/local/Cellar/mysql/ -name "homebrew.mxcl.mysql.plist" -exec cp {} ~/Library/LaunchAgents/ \;
    $ launchctl load -w ~/Library/LaunchAgents/homebrew.mxcl.mysql.plist

    设置 MySQL 用户以及数据存放地址:

    1
    2
    $ unset TMPDIR
    $ mysql_install_db --verbose --user=`whoami` --basedir="$(brew --prefix mysql)" --datadir=/usr/local/var/mysql --tmpdir=/tmp

    好了,可以启动了

    1
    $ mysql.server start

    还有一些别的详细配置这里就不再赘述了,自行百度 MySql 配置方法 即可

  • 启动(登录)

    1
    2
    $ mysql -u root -p 回车
    你的密码

    更多关于 MySql 的应用[点击这里]

Mongodb

MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。MongoDB是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。

关系型数据库有 MySql,那么非关系型的 Mongodb 也要会玩

  • 安装

    感觉真的可以省略写这一步了

    1
    brew install mongodb
  • 配置

    • 默认 mongodb 数据文件是放到根目录 data/db 文件夹下,如果没有这个文件,请自行创建
      $ mkdir -p /data/db
    • 给/data/db 文件写入权限
      $ sudo chown id -u /data/db

      还有一些配置可参考这篇博文

  • 启动(登录)

    1. $ mongod
    2. $ mongo

      要先执行mongod成功后新开一个终端执行mongo,出现箭头表示链接成功

      更多关于 Mongodb 的应用[点击这里]

Redis

Redis 是一个高性能的key-value数据库。 redis的出现,很大程度补偿了memcached这类key/value存储的不足,在部 分场合可以对关系数据库起到很好的补充作用。它提供了Java,C/C++,C#,PHP,JavaScript,Perl,Object-C,Python,Ruby,Erlang等客户端,使用很方便。

安装
$ brew install redis

开机启动redis命令
$ ln -sfv /usr/local/opt/redis/*.plist ~/Library/LaunchAgents

启动redis客户端
$ redis-cli

更多关于 Redis 的应用[点击这里]