写给开发同学的Mac 配置教程

1,570 阅读5分钟

前言

最近电脑突然奔溃了,重启无效,系统损坏。无奈只能备份数据后重新安装系统。想到安装系统后要再次安装一系列软件就很无奈呀。以前对mac 系统不太了解,安装软件也比较混乱,这次重新走了一遍流程,顺畅了许多,总结一下,以防万一呀!

推荐软件清单

  1. Homebrew (软件包管理)

    可以更加方便地安装和配置各种软件,只要是比较出名的软件,都可以在 homebrew 里面找到并自动化安装,比如:我现在想要安装 Google Chrome 浏览器,打开 终端.app 一行命令解决!

    • 安装 Homebrew
    /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
    
    brew install google-chrome
    
  2. iTerm2 (终端)

    • 安装
    brew install iterm2
    

    下载的是压缩文件,你先解压一下,然后打开 iTerm2,按Command + ,键,打开 Preferences 配置界面,然后Profiles -> Colors -> Color Presets -> Import,选择刚才解压的solarized->iterm2-colors-solarized->Solarized Dark.itermcolors文件,导入成功,最后选择 Solarized Dark 主题,就可以了。

  3. 配置 Oh-My-Zsh

    • 安装
    $ sh -c "$(wget -O- https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"
    
    • 安装好之后,需要把 Zsh 设置为当前用户的默认 Shell(这样新建标签的时候才会使用 Zsh):
    $ chsh -s /bin/zsh
    
    • 编辑 vi ~/.zshrc文件,将主题配置修改为 ZSH_THEME="steeef"这是官方提供的主题之一,也可挑选自己喜欢的主题,zsh 主题列表 github.com/robbyrussel…

    • 应用agnoster主题发现有乱码

      • 下载字体:github.com/powerline/f…按照步骤安装
      • 需要item2配置一下,Preferences -> Profiles -> Text
      • 勾选 Use built-in Powerline glyphs 选项
    • Zsh 插件推荐

      • 自动提示插件 zsh-autosuggestions

        编辑 zshrc

        vi ~/.zshrc
        

        文件,在配置文件里找到plugins,在括号中添加 zsh-autosuggestions

        plugins=(git zsh-autosuggestions)
        

        然后 source一下,让改变生效

        source ~/.zshrc
        

        (注意:添加插件是在plugins=后面的括号里直接添加插件的名称,以空格分开即可 )安装好了自动提示插件以后,打开终端,输入命令的时候就会向 fish 一样,对你的命令进行建议,只要按 Tab 键或者是 键就可以直接补全,非常方便。

      • 命令着色插件zsh-syntax-highlighting 特殊命令和错误命令,会有高亮显示

        在这个路径下

        cd ~/.oh-my-zsh/custom/plugins
        

        安装下载

        git clone https://github.com/zsh-users/zsh-syntax-highlighting.git
        

        然后激活这个插件,通过在

        vi ~/.zshrc
        

        中找到plugins加入插件的名字

        plugins=(git zsh-autosuggestions zsh-syntax-highlighting)
        

        然后同样source一下,让改变生效

      • 自动跳转插件auto-jump

        使用 autojump,这个插件会自动记录你经过的所有目录,并且在你下次想要前往某个经过目录的时候,自动识别,直接跳转!只要一个命令 j 你就可以切换工作目录到任何你想去的地方。不需要频繁使用 cd

        安装下载

        brew install autojump
        

        安装完成后会有提示,因为是使用了zsh,将下面的配置添加到 ~/.bash_profile

        # env of autojump
        [ -f /usr/local/etc/profile.d/autojump.sh ] && . /usr/local/etc/profile.d/autojump.sh
        

        在 zsh中配置插件

        vi ~/.zshrc
        

        中找到plugins加入插件的名字

        plugins=(git zsh-autosuggestions zsh-syntax-highlighting autojump)
        

        设置完成后,加载配置

        source ~/.bash_profile
        source ~/.zshrc
        

        然后就可以使用 j [路径短写]来跳转

        路径跳转错误可以使用 autojump --purge 来清理错误路径

      • 隐藏用户和主机名

        有时候我们的用户名和主机名太长,比如我的xiangchao@xingxiangchaodeMacBook-Pro,终端显示的时候会很不好看,我们可以手动去除

        假如你用的主题是 agnoster,修改方法是编辑主题配置文件

         vim ~/.oh-my-zsh/themes/agnoster.zsh-theme
        

        找到如下代码:

         # Context: user@hostname (who am I and where am I)
         prompt_context() {
           if [[ "$USERNAME" != "$DEFAULT_USER" || -n "$SSH_CLIENT" ]]; then
             # 修改如下代码,%n@%m 可自定义
             prompt_segment black default "%(!.%{%F{yellow}%}.)%n@%m"
           fi
         }
        

        最后 source ~/.oh-my-zsh/themes/agnoster.zsh-theme 一下

        上一张配置完成后的截图 image.png

  4. Quick Look 插件(预览一切)

  5. Typora (Markdown 利器)

开发工具安装

  1. 安装nvm
brew install nvm

根据提示,创建 .nvm 目录

mkdir ~/.nvm

编辑 ~/.zshrc 配置文件

vi ~/.zshrc

~/.zshrc 配置文件后添加如下内容

export NVM_DIR="$HOME/.nvm"
[ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh"
[ -s "/usr/local/opt/nvm/etc/bash_completion.d/nvm" ] && . "/usr/local/opt/nvm/etc/bash_completion.d/nvm"

:wq 保存并退出。

使用 source 命令使配置生效

source ~/.zshrc

查看一下配置是否生效

echo $NVM_DIR
# /Users/your-username/.nvm

查看帮助

nvm --help
...
...
Note:
  to remove, delete, or uninstall nvm - just remove the `$NVM_DIR` folder (usually `~/.nvm`)

帮助的最后一句话,可以看到删除 nvm 很简单,只要删除 $NVM_DIR 文件夹既可以

  1. 安装Node.js

查看 node.js 版本可以使用如下命令

nvm ls-remote

可以看到很多版本,接下来安装 LTS 版本

nvm install 12

安装完之后,可以查看一下

nvm ls
->     v12.22.3
default -> v12.22.3
...
...
lts/fermium -> v14.17.3 (-> N/A)

可以看到,安装的是 v12 的稳定版。因为只安装了一个版本,所以使用的版本是 v12

使用其他版本(建议安装稳定版本), 本例安装 v10 的稳定版为例

nvm install v10.13.0

可以看到当前 node 版本改为 v10

$ nvm ls
->     v10.13.0
       v12.22.3
default -> v10.13.0
...
...
lts/fermium -> v14.17.3 (-> N/A)

切换默认的版本

nvm use 12
Now using node v12.22.3 (npm v6.14.13)

查看一下版本

$ node -v
v12.22.3

删除一个 node.js 版本

nvm uninstall 10

nvm 常用命令介绍

1. nvm list 是查找本电脑上所有的node版本
    - nvm list 查看已经安装的版本
    - nvm list installed 查看已经安装的版本
    - nvm list available 查看网络可以安装的版本
2. nvm install <version> 安装指定版本node
3. nvm use <version> 切换使用指定的版本node
4. nvm ls 列出所有版本
5. nvm current显示当前版本
6. nvm alias <name> <version> ## 给不同的版本号添加别名
7. nvm unalias <name> ## 删除已定义的别名
8. nvm reinstall-packages <version> ## 在当前版本node环境下,重新全局安装指定版本号的npm包
9. nvm on 打开nodejs控制
10. nvm off 关闭nodejs控制
11. nvm proxy 查看设置与代理
12. nvm node_mirror [url] 设置或者查看setting.txt中的node_mirror,如果不设置的默认是 https://nodejs.org/dist/
   nvm npm_mirror [url] 设置或者查看setting.txt中的npm_mirror,如果不设置的话默认的是: https://github.com/npm/npm/archive/.
13. nvm uninstall <version> 卸载制定的版本
14. nvm use [version] [arch] 切换制定的node版本和位数
15. nvm root [path] 设置和查看root路径
16. nvm version 查看当前的版本
  1. 安装nrm一个 NPM 源管理器,允许你快速地在如下 NPM 源间切换:

安装

npm install -g nrm

使用

列出可选的源

nrm ls 
* npm -------- https://registry.npmjs.org/
  yarn ------- https://registry.yarnpkg.com/
  cnpm ------- http://r.cnpmjs.org/
  taobao ----- https://registry.npm.taobao.org/
  nj --------- https://registry.nodejitsu.com/
  npmMirror -- https://skimdb.npmjs.com/registry/
  edunpm ----- http://registry.enpmjs.org/

* 的是当前使用的源,上面的输出表明当前源是官方源。

切换

```
nrm use cnpm
// Registry has been set to: http://r.cnpmjs.org/
```

增加源 你可以增加定制的源,特别适用于添加企业内部的私有源。

```
nrm add  <registry> <url> [home]
```

删除源

```
nrm del <registry>
```

部分付费软件推荐-参考资料

  1. Bartender 3 (隐藏,简化你的顶栏图标)
  2. Magnet (强大的窗口布局工具)
  3. PopClip for Mac (效率全局划词插件)
  4. iStat Menus (电脑性能监控)
  5. Noizio (安静,白噪声)
  6. IINA (先进的 macOS 视频播放器)
  7. AppCleaner (小而强的卸载器)
  8. Kawa (输入法快速切换)
  9. Things3 (任务管理)
  10. Alfred (强大搜索)

参考资料:从零开始的 MacBook 配置教程