前端开发macbook——NVM环境配置以及git配置流程

本文主要针对前端使用mac电脑时需要安装nvm对应环境,一文解决环境安装问题

主要步骤如下:

  • 安装homebrew

  • 安装nvm

  • 安装git

第一步:安装homebrew

bash 复制代码
/bin/bash -c "$(curl -fsSL https:/raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

第二步:安装nvm

1.如果已经安装了node,可以先卸载干净保证后续安装顺利,如果没有安装跳过卸载代码如下:

bash 复制代码
brew uninstall --ignore-dependencies node 
brew uninstall --force node 
  1. 接下来可以准备安装nvm,更新Homebrew软件包列表并安装nvm。
bash 复制代码
brew update 
brew install nvm

3.在根目录中创建nvm文件夹

bash 复制代码
mkdir ~/.nvm 

4.现在,配置所需的环境变量。在你的home中编辑以下配置文件

bash 复制代码
vim ~/.bash_profile 

5.然后,在 ~/.bash_profile(或~/.zshrc,用于macOS Catalina或更高版本)中添加以下几行

bash 复制代码
export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh

6.:wq 保存并关闭你的文件。 接下来,将该变量加载到当前的shell环境中。在下一次登录,它将自动加载。

bash 复制代码
source ~/.bash_profile

NVM已经安装在你的macOS系统上。 下一步,在nvm的帮助下安装你需要的Node.js版本即可。

第三步:用NVM安装Node.js

1.首先,看看有哪些Node版本可以安装。要查看可用的版本

bash 复制代码
nvm ls-remote 

2.可以安装上述输出中列出的任何版本

bash 复制代码
nvm install 14.15.1

3.查看本地的node版本

bash 复制代码
nvm ls

4.选择需要使用的node版本

bash 复制代码
nvm use 14.15.0

5.查看当前使用的node版本

bash 复制代码
node -v

现在node已经安装并可以使用了

***************************************************注意***************************************************

如果出现:zsh: command not found: nvm 或者 bash: command not found: nvm 的情况

可以采用以下方法:

先确定自己是否已经安装了nvm,如果已经安装,采用如下方式

  1. open -e ~/.bash_profile 打开这个文件,如果没有直接touch ~/.bash_profile创建就行了

  2. 在文件末尾加入如下代码

    bash 复制代码
    export NVM_DIR=~/.nvm
    source $(brew --prefix nvm)/nvm.sh
  3. open -e ~/.zshrc ,如果没有直接创建,执行步骤2

  4. open -e ~/.profile ,如果没有直接创建,执行步骤2

  5. 依次运行以下代码

    bash 复制代码
    source ~/.bash_profile
    source ~/.zshrc
    source ~/.profile
  6. nvm -v 查看是否可用

***************************************************结束***************************************************

第四步:安装git

1.首先下载git:https://git-scm.com/download

2.检查已有密钥,如果有可以使用已有的密钥:

bash 复制代码
$ ls -al ~/.ssh

3.配置自己账号:

bash 复制代码
git config --global user.name "zhangsan"
git config --global user.email "zhangsan@xxx.com"

4.生成新的ssh:

  1. 使用以下命令,将会以你的邮箱作为标签创建一个新的SSH密钥,注意运行下面命令生成sshkey时不限目录,key都会生成在~/.ssh目录下。

    bash 复制代码
    $ ssh-keygen -t ed25519 -C "工作邮箱,比如:zhangsan3@xx.com"
    > Generating public/private ed25519 key pair.
  2. 当系统提示您"输入要保存密钥的文件"时,按Enter键。将接受默认文件位置。如下:

    > Enter a file in which to save the key (/Users/you/.ssh/id_ed25519): [Press enter]
    
  3. 在提示符下,输入安全密码(个人电脑可以不设置安全密码,直接回车两下),即可生成一个新的ssh密钥。

  4. 注意: 如果生成ssh秘钥的时候输入了安全密码,则每次clone/push代码时都需要输入安全密码才行。

    > Enter passphrase (empty for no passphrase): [Type a passphrase]
    > Enter same passphrase again: [Type passphrase again]
    

5.复制密钥到需要的地方

bash 复制代码
$ pbcopy < ~/.ssh/id_ed25519.pub

后续的流程根据自己的情况继续

总结:以上就是mac安装nvm和git的过程

相关推荐
王哈哈^_^1 小时前
【数据集】【YOLO】【目标检测】交通事故识别数据集 8939 张,YOLO道路事故目标检测实战训练教程!
前端·人工智能·深度学习·yolo·目标检测·计算机视觉·pyqt
cs_dn_Jie2 小时前
钉钉 H5 微应用 手机端调试
前端·javascript·vue.js·vue·钉钉
开心工作室_kaic2 小时前
ssm068海鲜自助餐厅系统+vue(论文+源码)_kaic
前端·javascript·vue.js
有梦想的刺儿3 小时前
webWorker基本用法
前端·javascript·vue.js
但老师3 小时前
Git遇到“fatal: bad object refs/heads/master - 副本”问题的解决办法
git
秃头女孩y3 小时前
git创建分支
git
cy玩具3 小时前
点击评论详情,跳到评论页面,携带对象参数写法:
前端
qq_390161774 小时前
防抖函数--应用场景及示例
前端·javascript
John.liu_Test4 小时前
js下载excel示例demo
前端·javascript·excel
Yaml44 小时前
智能化健身房管理:Spring Boot与Vue的创新解决方案
前端·spring boot·后端·mysql·vue·健身房管理