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

该如何学习react框架_React 与 React Native 结合学习的方法,第1张

最近在学习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 结合学习的方法,该如何学习react框架(React 与 React Native 结合学习的方法 ),第2张

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

nvm(Node Version Manager)

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

 

该如何学习react框架_React 与 React Native 结合学习的方法,该如何学习react框架(React 与 React Native 结合学习的方法 ),第2张

下载NVM安装文件

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

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

 

该如何学习react框架_React 与 React Native 结合学习的方法,该如何学习react框架(React 与 React Native 结合学习的方法 ),第2张

添加淘宝镜像,打开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 结合学习的方法,该如何学习react框架(React 与 React Native 结合学习的方法 ),第2张

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

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

 

该如何学习react框架_React 与 React Native 结合学习的方法,该如何学习react框架(React 与 React Native 结合学习的方法 ),第2张

 

nodist

「链接」下载installer

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

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

 

该如何学习react框架_React 与 React Native 结合学习的方法,该如何学习react框架(React 与 React Native 结合学习的方法 ),第2张

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 结合学习的方法,该如何学习react框架(React 与 React Native 结合学习的方法 ),第2张

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

 

该如何学习react框架_React 与 React Native 结合学习的方法,该如何学习react框架(React 与 React Native 结合学习的方法 ),第2张

5、gnvm install 安装指定node版本

 

该如何学习react框架_React 与 React Native 结合学习的方法,该如何学习react框架(React 与 React Native 结合学习的方法 ),第2张

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

 

该如何学习react框架_React 与 React Native 结合学习的方法,该如何学习react框架(React 与 React Native 结合学习的方法 ),第2张

7、gnvm use 使用指定版本node

 

该如何学习react框架_React 与 React Native 结合学习的方法,该如何学习react框架(React 与 React Native 结合学习的方法 ),第2张

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

 

该如何学习react框架_React 与 React Native 结合学习的方法,该如何学习react框架(React 与 React Native 结合学习的方法 ),第2张

以下为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://outofmemory.cn/bake/5780887.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-29
下一篇 2022-12-29

发表评论

登录后才能评论

评论列表(0条)

保存