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

相关推荐
一斤代码2 小时前
vue3 下载图片(标签内容可转图)
前端·javascript·vue
中微子2 小时前
React Router 源码深度剖析解决面试中的深层次问题
前端·react.js
光影少年2 小时前
从前端转go开发的学习路线
前端·学习·golang
中微子3 小时前
React Router 面试指南:从基础到实战
前端·react.js·前端框架
3Katrina3 小时前
深入理解 useLayoutEffect:解决 UI "闪烁"问题的利器
前端·javascript·面试
前端_学习之路4 小时前
React--Fiber 架构
前端·react.js·架构
伍哥的传说4 小时前
React 实现五子棋人机对战小游戏
前端·javascript·react.js·前端框架·node.js·ecmascript·js
qq_424409194 小时前
uniapp的app项目,某个页面长时间无操作,返回首页
前端·vue.js·uni-app
我在北京coding4 小时前
element el-table渲染二维对象数组
前端·javascript·vue.js
布兰妮甜4 小时前
Vue+ElementUI聊天室开发指南
前端·javascript·vue.js·elementui