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

相关推荐
子兮曰4 小时前
PHP漏洞危机,你的网站升级了吗?
前端·后端·php
jerrywus4 小时前
给 Pi 装上生图插件:从登录报错到画出一只 200×200 的猫
前端·agent·claude
陈随易5 小时前
搞钱点子之生态鱼缸
前端·后端·程序员
PBitW5 小时前
从空目录到上线:我全程用 TRAE 做了一款微信小游戏合集(含一次完整架构重构)
前端·trae
不爱学英文的码字机器5 小时前
从Q1迁到T1,同一个编号已经换了含义
前端·数据库·microsoft
云和数据.ChenGuang5 小时前
光哥说Python 循环导入(Circular Import)深度解析:成因、排查与解决方案
开发语言·前端·人工智能·python·langchain
avi91115 小时前
【AI教人】在Inspector显示所有Delegate-Odin Inspector之三
java·前端·算法·delegate·inspector·editor扩展·unity editor
fengci.5 小时前
BUUCTF(困难部分)
android·开发语言·前端·学习·php
Ward的AI产品实战5 小时前
开源 AI 网关 Magpie 调优终结篇:顺位排错、跨家族对抗审查与 5 大路由组重构(下篇)
前端·人工智能
Highcharts.js5 小时前
BI可视化图表“维护难”问题的解决方案
开发语言·前端·javascript·编辑器·ecmascript·bi·highcharts