Mac 开发环境配置

1,191 阅读1分钟

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

配置code .打开vscode项目

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

推荐使用终端软件 iTerm2

使用zsh来优化终端

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

注意:需要配全局参数

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

image.png

  • 打开~/.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

image-20210714094157015.png

  • 先用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 指定淘宝源,taobaoyrm ls中显示的