当前位置: 首页 > news >正文

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

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

主要步骤如下:

  • 安装homebrew

  • 安装nvm

  • 安装git

第一步:安装homebrew

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

第二步:安装nvm

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

brew uninstall --ignore-dependencies node 
brew uninstall --force node 

2. 接下来可以准备安装nvm,更新Homebrew软件包列表并安装nvm。

brew update 
brew install nvm

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

mkdir ~/.nvm 

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

vim ~/.bash_profile 

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

export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh

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

source ~/.bash_profile

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

第三步:用NVM安装Node.js

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

nvm ls-remote 

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

nvm install 14.15.1

3.查看本地的node版本

nvm ls

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

nvm use 14.15.0

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

node -v

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

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

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

可以采用以下方法:

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

  1. open -e ~/.bash_profile 打开这个文件,如果没有直接touch ~/.bash_profile创建就行了
  2. 在文件末尾加入如下代码
    export NVM_DIR=~/.nvm
    source $(brew --prefix nvm)/nvm.sh

  3. open -e ~/.zshrc ,如果没有直接创建,执行步骤2
  4. open -e ~/.profile ,如果没有直接创建,执行步骤2
  5. 依次运行以下代码
    source ~/.bash_profile
    source ~/.zshrc
    source ~/.profile
  6. nvm -v 查看是否可用

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

第四步:安装git

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

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

$ ls -al ~/.ssh

3.配置自己账号:

git config --global user.name "zhangsan"
git config --global user.email "zhangsan@xxx.com"

4.生成新的ssh:

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

    $ 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.复制密钥到需要的地方

$ pbcopy < ~/.ssh/id_ed25519.pub

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

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

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 【Python机器学习】循环神经网络(RNN)——超参数
  • Python操作MySQL
  • 【笔记】CCF直播:《如何在国际会议上有效交流》(2024-9-15)
  • prompt实用技巧-AI+Mermaid【酷炫钉钉文档】
  • win11下面graphviz的用法
  • 类型转换等 面试真题
  • 【Kubernetes】常见面试题汇总(十一)
  • 【QT】定时器使用
  • jdk相关介绍
  • RTX3060 FP64测试与猜想
  • 计算机视觉 对比学习 串烧一
  • [WUSTCTF2020]颜值成绩查询1
  • h5页面使用antd-modal,怎么处理居中且自然
  • GO 匿名函数
  • TCP socket
  • canvas绘制圆角头像
  • CentOS7 安装JDK
  • hadoop集群管理系统搭建规划说明
  • Java 多线程编程之:notify 和 wait 用法
  • Java的Interrupt与线程中断
  • JDK9: 集成 Jshell 和 Maven 项目.
  • Linux后台研发超实用命令总结
  • Netty 4.1 源代码学习:线程模型
  • Objective-C 中关联引用的概念
  • QQ浏览器x5内核的兼容性问题
  • Redis在Web项目中的应用与实践
  • spring + angular 实现导出excel
  • ViewService——一种保证客户端与服务端同步的方法
  • 关于for循环的简单归纳
  • 关于Java中分层中遇到的一些问题
  • 排序(1):冒泡排序
  • 浅谈Kotlin实战篇之自定义View图片圆角简单应用(一)
  • 小程序测试方案初探
  • 携程小程序初体验
  • 【运维趟坑回忆录】vpc迁移 - 吃螃蟹之路
  • 智能情侣枕Pillow Talk,倾听彼此的心跳
  • 组复制官方翻译九、Group Replication Technical Details
  • #QT(一种朴素的计算器实现方法)
  • (Matlab)使用竞争神经网络实现数据聚类
  • (十三)Java springcloud B2B2C o2o多用户商城 springcloud架构 - SSO单点登录之OAuth2.0 根据token获取用户信息(4)...
  • (转)jQuery 基础
  • (转)Scala的“=”符号简介
  • *++p:p先自+,然后*p,最终为3 ++*p:先*p,即arr[0]=1,然后再++,最终为2 *p++:值为arr[0],即1,该语句执行完毕后,p指向arr[1]
  • .net framework 4.8 开发windows系统服务
  • .NET8.0 AOT 经验分享 FreeSql/FreeRedis/FreeScheduler 均已通过测试
  • .net后端程序发布到nignx上,通过nginx访问
  • .NET下ASPX编程的几个小问题
  • .net中的Queue和Stack
  • .net专家(高海东的专栏)
  • //解决validator验证插件多个name相同只验证第一的问题
  • /bin/bash^M: bad interpreter: No such file or directory
  • @javax.ws.rs Webservice注解
  • [ IOS ] iOS-控制器View的创建和生命周期
  • [ Python ]使用Charles对Python程序发出的Get与Post请求抓包-解决Python程序报错问题
  • [20171106]配置客户端连接注意.txt