macbook环境配置篇

入职，拿到了人生第一台15寸的MACBOOK，兴奋。昨天和今天一直在安装各种东西中度过，个人觉得以后得把需要装的东西存起来，节约下载时间。

npm nvm nrm

npm大家都很熟悉，重点介绍一下nvm、nrm。

nvm，node的版本管理器，可以随意切换node的版本

1. 安装，参考教程

   curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash
   

   export NVM_DIR="$HOME/.nvm"
   [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
   

   command -v nvm
   

2. 用法

   

nrm，查看和切换当前npm使用的registry，参考教程

1. 安装

   npm i -g nrm # i 表示 install，可以少打几个字，哈哈
   

2. 用法，在终端输入nrm，按下回车就能看到了

   

终端

这里我选择了iterm2，直接官网下载，列举一下一些好玩的玩法

1. 粘住窗口，且底色半透明
   preferences > profiles > window

   

2. 分屏
   command + D 垂直分屏
   shift + command + D 水平分屏

3. git项目显示当前分支

   

   拷贝下面代码到/etc/bashrc，保存一下

   find_git_branch () {
   
    local dir=. head
    until [ "$dir" -ef / ]; do
        if [ -f "$dir/.git/HEAD" ]; then
            head=$(< "$dir/.git/HEAD")
            if [[ $head = ref:\ refs/heads/* ]]; then
                git_branch=" → ${head#*/*/}"
            elif [[ $head != '' ]]; then
                git_branch=" → (detached)"
            else
                git_branch=" → (unknow)"
            fi
            return
        fi
        dir="../$dir"
    done
    git_branch=''
    }
    PROMPT_COMMAND="find_git_branch; $PROMPT_COMMAND"
    black=$'
   

编辑器Visual Studio

想起以前用sublime的日子必须安装各种插件的日子，visual studio内置了很多插件功能，比如emmet、git，其他插件可以通过面板搜索安装，比如下面的

• beautify 格式化代码
• html snippets html代码提示

chrome 插件

• Vimium，vim命令的浏览器快捷键
• 掘金，技术分享插件
• User-Agent Switcher，用户ua切换器
• JSONView，json的格式化插件
• React Developer Tools，react的开发者工具
• Page Ruler，当前页面元素选择器，可以看到大小、颜色之类的css属性值