前端开发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的过程

相关推荐
慧一居士9 分钟前
flex 布局完整功能介绍和示例演示
前端
DoraBigHead11 分钟前
小哆啦解题记——两数失踪事件
前端·算法·面试
一斤代码6 小时前
vue3 下载图片(标签内容可转图)
前端·javascript·vue
中微子6 小时前
React Router 源码深度剖析解决面试中的深层次问题
前端·react.js
光影少年6 小时前
从前端转go开发的学习路线
前端·学习·golang
中微子6 小时前
React Router 面试指南:从基础到实战
前端·react.js·前端框架
3Katrina6 小时前
深入理解 useLayoutEffect:解决 UI "闪烁"问题的利器
前端·javascript·面试
前端_学习之路7 小时前
React--Fiber 架构
前端·react.js·架构
伍哥的传说7 小时前
React 实现五子棋人机对战小游戏
前端·javascript·react.js·前端框架·node.js·ecmascript·js
qq_424409198 小时前
uniapp的app项目,某个页面长时间无操作,返回首页
前端·vue.js·uni-app