投稿
  1. 小新网首页
  2. 投稿

该如何学习react框架（React 与 React Native 结合学习的方法 ）

博文微金融 • • 投稿

最近在学习React过程中使用脚手架create-react-app搭建开发环境时遇到Node版本过低问题，于是乎想着升级一下Node版本，度娘找了篇文章就跟着操作起来，具体是一下几个步骤

1、执行 npm cache clean -f 清除npm缓存

2 执行 npm install -g n 安装n模块，n模块用来管理nodejs的版本

3 执行 n stable 使用n模块将Node版本切换成最新稳定版

执行到第2步报了如下错误

 

该如何学习react框架（React 与 React Native 结合学习的方法 ）

查阅相关资料后发现此种更新方式只适合在Linux系统上更新node版本，在Windows系统中是不行的，经查找后发现有好几种Node管理工具，这里简单记录下几个工具的使用

nvm（Node Version Manager）

Releases · coreybutler/nvm-windows · GitHub从这里下载安装文件，值得注意的是如果之前有安装过Node的话需要先卸载，再安装NVM

 

该如何学习react框架（React 与 React Native 结合学习的方法 ）

下载NVM安装文件

下载完成之后，双击nvm-setup.exe按照默认方式安装即可。

以下是其他人遇到的一些坑，不过我都没遇到，具体可以参考下

 

该如何学习react框架（React 与 React Native 结合学习的方法 ）

添加淘宝镜像，打开setting.txt ，具体位置取决于前面NVM安装的位置，默认安装是在

C:Users{用户}AppDataRoamingnvm下

增加以下两行

node_mirror: https://npm.taobao.org/mirrors/node/ npm_mirror: https://npm.taobao.org/mirrors/npm/

NVM常用命令有以下这些

nvm // 提示nvw下的相关命令 nvm ls // 查看已安装node版本 nvm install vXX // 安装对应vXX版本的node nvm uninstall vXX // 卸载对应vXX版本的node nvm use xxx // 选择使用XXX版本 lts(长期支持版) 、stable（稳定版）latest(最新版) 、具体某个版本号 nvm current //显示当前使用的node版本 nvm root [path] //设置下载的node版本存放位置

在执行nvm use vXX 切换版本时，报了如下错误

 

该如何学习react框架（React 与 React Native 结合学习的方法 ）

1、检查安装路径是否有空格和中文，同时检查setting.txt文件里面的路径是否一致

2、以管理员权限运行CMD或者PowerShell

 

该如何学习react框架（React 与 React Native 结合学习的方法 ）

 

nodist

「链接」下载installer

双击NodistSetup-v0.9.1.exe安装，已经安装过node需要先卸载再安装nodist

node的版本和nodist的版本是对应的

 

该如何学习react框架（React 与 React Native 结合学习的方法 ）

nodist #列出所有已安装版本并高亮激活版本 nodist global 4.x #设置全局版本为4.x nodist local 4.x #设置当前目录及其子目录node版本为4.x nodist env 4.x #设置当前终端环境node版本 nodist npm global 3.x #设置全局npm版本 nodist npm global match #根据当前环境（终端、目录、全局）的node版本自动选择匹配的npm版本 nodist npm local 2.x #设置当前目录NPM版本为2.x nodist npm env 2.x #设置当前终端环境NPM版本为2.x nodist dist #列出所有可用的Node版本 nodist + 4.x #检查是否已安装某个版本，没有则安装 nodist + all #安装所有 nodist – 4.1.1 #移除某个版本 nodist –help #查看帮助nodist文档

gnvm

1、下载gnvm(64位)

下载地址： https://raw.githubusercontent.com/Kenshin/gnvm-bin/master/64-bit/gnvm.exe

2、把gnvm所在目录放入系统变量，目的是为了在任何地方都能执行gnvm命令

在gnvm.exe同级目录增加 .gnvmrc文件，增加如下内容

globalversion: 5.0.1 latestversion: 5.10.1 noderoot: /node/ 此处修改为你保存gnvm的目录 registry: http://npm.taobao.org/mirrors/node/

3、打开cmd,执行gnvm version，出现版本信息说明安装成功

该如何学习react框架（React 与 React Native 结合学习的方法 ）

4、gnvm search 搜索可用的node版本，支持模糊搜索，例如gnvm 8.*.*

 

该如何学习react框架（React 与 React Native 结合学习的方法 ）

5、gnvm install 安装指定node版本

 

该如何学习react框架（React 与 React Native 结合学习的方法 ）

6、gnvm list 查看本地可用的node版本

 

该如何学习react框架（React 与 React Native 结合学习的方法 ）

7、gnvm use 使用指定版本node

 

该如何学习react框架（React 与 React Native 结合学习的方法 ）

8、安装指定版本 npm，先gnvm config registry TAOBAO切换下载源淘宝镜像仓库

 

该如何学习react框架（React 与 React Native 结合学习的方法 ）

以下为gnvm操作命令

config Setter and getter .gnvmrc file use Use any the local already exists of Node.js version ls Show all [local] [remote] Node.js version install Install any Node.js version uninstall Uninstall local Node.js version and npm update Update Node.js latest version npm NPM version management session Set any local Node.js version to session Node.js version search Search and Print Node.js version detail usage wildcard mode or regexp mode node-version Show [global] [latest] Node.js version reg Add config property [noderoot] to Environment variable [NODE_HOME] version Print GNVM version number

本文来自作者:博文微金融，不代表小新网立场！

转载请注明：https://www.xiaoxinys.cn/103787.html

赞 (0)
博文微金融博文微金融注册用户
0
上一篇 2022-06-27 21:08:00
下一篇 2022-06-27 21:18:00

相关推荐

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。