React Native 基本环境搭建Mac/Windows10

React Native 基本环境搭建Mac/Windows10

---

---

一、环境检测（看你已经装了哪些了）

node -v //node 自带npm npx命令
v16.14.2

yarn -v //替换npm命令 yarn == npm install
v1.22.19

nvm -v //管理node版本，多个node版本切换等
v0.38.0

volta -v //项目内指定node和yarn版本
v1.1.1

corepack -v //另一个node.js包管理器
v0.10.0

二、安装nvm（系统级的node管理，和volta有区别）

安装nvm前如果有安装node,最好先卸载node.

1.终端输入命令
$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash
2.设置环境变量
$ open ~/.bash_profile
3.复制到该文件
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion
4.保存
$ source ~/.bash_profile
5.查看是否安装成功，命令正确执行则成功安装
$ nvm -v

6.nvm相关命令如下

$ nvm ls-remote // 查看所有可安装的Node.js版本
$ nvm install 版本号(如16.14.2)  // 安装指定版本Node
$ nvm ls // 查看所有已安装的Node.js版本
$ nvm use 版本号 // 切换指定版本Node
$ nvm alias default node //设置node的默认版本


WIN10 安装参考
https://devpress.csdn.net/viewdesign/64101917986c660f3cf92254.html?spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-2-124346964-blog-130829944.235%5Ev38%5Epc_relevant_sort&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-2-124346964-blog-130829944.235%5Ev38%5Epc_relevant_sort&utm_relevant_index=3
安装包下载地址
https://github.com/coreybutler/nvm-windows/releases

三、使用nvm安装node

1.终端输入命令
$ nvm install 16.14.2

2.成功后执行以下命令查看是否成功安装
$ node -v
$ npm -v
$ npx -v

3.使用某个版本的node
$ nvm use 16.14.2

四、安装yarn

MAC

1.终端执行以下命令
$ curl -o- -L https://yarnpkg.com/install.sh | bash
2.设置环境变量
$ open ~/.bash_profile
3.复制到该文件
export PATH="$HOME/.yarn/bin:$HOME/.config/yarn/global/node_modules/.bin:$PATH"
4.保存
$ source ~/.bash_profile
5.查看是否安装成功，命令正确执行则成功安装
$ yarn -v

WIN10 
npm install --global yarn

五、安装volta（可选，项目级node管理，node管理工具）

MAC

1.终端执行命令
curl https://get.volta.sh | bash
2.不需要配置环境变量，但是需要打开一个信息的终端
volta -v

3.相关命令
//可以通过下边命令安装node
volta install node@16.14.2
volta install yarn@1.22.10

//在项目的终端使用下边的命令，切换统一的node和yarn环境
volta pin node@14.18.2
volta pin yarn@1.22.10

WIN 10
https://docs.volta.sh/guide/getting-started

六、安装corepack（可选，node官方）

//安装过程中发现同时安装了ruby python，openssl，fastlane，sqlite等依赖，全家桶的感觉，具体项目中暂未用到
1.终端输入命令（安装时间略长,可能网络不好）
$ brew install corepack
2.检测版本
$ corepack -v
3.开启corepack
$ corepack enable
4.设置全局
npm i -g corepack

5.其他命令
$ corepack prepare yarn@stable --activate
或
$ corepack prepare --all

//切换版本
$ yarn set version stable  (如 yarn set version 1.22.10)

至此，基本RN环境算搭建完毕