前端开发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 "[email protected]"

4.生成新的ssh:

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

    bash 复制代码
    $ ssh-keygen -t ed25519 -C "工作邮箱,比如:[email protected]"
    > 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的过程

相关推荐
后海 0_o1 分钟前
2025前端微服务 - 无界 的实战应用
前端·微服务·架构
Scabbards_3 分钟前
CPT304-2425-S2-Software Engineering II
前端
小满zs8 分钟前
Zustand 第二章(状态处理)
前端·react.js
程序猿小D10 分钟前
第16节 Node.js 文件系统
linux·服务器·前端·node.js·编辑器·vim
萌萌哒草头将军13 分钟前
🚀🚀🚀Prisma 发布无 Rust 引擎预览版,安装和使用更轻量;支持任何 ORM 连接引擎;支持自动备份...
前端·javascript·vue.js
狼性书生27 分钟前
uniapp实现的简约美观的星级评分组件
前端·uni-app·vue·组件
书语时30 分钟前
ES6 Promise 状态机
前端·javascript·es6
拉不动的猪1 小时前
管理不同权限用户的左侧菜单展示以及权限按钮的启用 / 禁用之其中一种解决方案
前端·javascript·面试
西陵1 小时前
前端框架渲染DOM的的方式你知道多少?
前端·javascript·架构
小九九的爸爸1 小时前
我是如何让AI帮我还原设计稿的
前端·人工智能·ai编程