Mac 开发环境配置

萌新报道,简单记录一下在mac上便于开发的一些环境配置及安装方法

配置code .打开vscode项目

• 在vscode中按下 shift+command+p,输入path,回车即可

推荐使用终端软件 iTerm2

使用zsh来优化终端

sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

注意：需要配全局参数

• which yarn 查找bin路径，到bin为止

• 打开～/.zshrc 文件，加入文字export PATH="$PATH:上面找的到bin路径:$HOME/.config/yarn/global/node_modules/.bin"
• 在zsh中运行source ./zshrc使其生效

内网穿透软件

开发时可能需要远程提供给***去验收,这时候就需要用的内网穿透

• ngrok
  • 解压包unzip /path/to/ngrok.zip
  • 当前目录下,设置用户./ngrok authtoken 你的token
  • 使用 ./ngrok http 你开发环境的端口号
  • 遇上“Invalid Host header”时
  ngrok http --host-header=rewrite 端口号 使用
• natapp

mac聚焦软件 Alfred

使用nvm来管理node版本

• 先卸载node,可以通过node -v来验证

  • # 依次执行
    sudo npm uninstall npm -g
    sudo rm -rf /usr/local/lib/node /usr/local/lib/node_modules /var/db/receipts/org.nodejs.*
    sudo rm -rf /usr/local/include/node /Users/$USER/.npm
    sudo rm /usr/local/bin/node
    sudo rm /usr/local/share/man/man1/node.1
    sudo rm /usr/local/lib/dtrace/node.d
    # 验证
    node -v
    npm -v
    

• 安装git

  • 如果没有安装git可以先通过homebrew来进行安装

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

  • 安装git brew install git

• 安装nvm

  • 打开nvm的github仓库,查看readme,找到Installing and Updataing

• 先用curl 安装，使用下面的代码对全局变量进行修改

• 终端输入nvm查看是否安装完成

• 如遇问题，可继续往下查看nvm的readme解决

• nvm常用命令

  nvm version 查看nvm版本
  nvm install 安装最新版本的nvm
  nvm install <version>  安装对应node版本
  nvm use <version>  切换使用指定的node版本
  nvm ls 列出所有node版本
  nvm current 显示当前node版本
  nvm uninstall <version> 卸载指定的node版本
  

使用yrm来管理npm源

• 使用npm安装 npm install -g yrm
• yrm ls 查看所有的源
• yrm use taobao 指定淘宝源，taobao是yrm ls中显示的