React Native-入门篇02：Node.js和开发环境配置

搞开发这么久了，都一直没有总结过Node.js相关内容，既然React Native的开发环境配置需要Node.js基础框架， 那就总结一下。

---

Node.js与npm

其实在iOS开发中，我们经常遇到说安装npm，但可能猛地解释不出来这到底是个什么东西。

关于Node.js

Node.js是一个基于Chorme V8引擎的JavaScript运行环境。
简单来说，Node.js就是一个JavaScript运行时，底层是Chorme V8引擎，并在此基础上进行了封装。

Node.js架构图

经上图可以看出，Node.js底层使用C/C++,最上层提供了JavaScript类库，也就是开发时接触到的应用层。

关于npm

npm是Node.js的包生态系统，是最大的开源生态系统。（也可以理解为是npm就是一个功能类库， 里面是各种各样开源的包和框架）

本质上，React也是npm包中的一个，React Native也是npm包之一。

React Native开发环境配置

安装前先查一下电脑的环境，看看是否已经配置了node和npm：

• 安装Node.js

Node.js下载官网： https://nodejs.org/en/download/ 推荐下载LTS版本，框架整体的变更不频繁， 稳定且好用。

安装完成后，再次查看下node和npm的安装情况：

• 安装React Native

在安装React Native之前，先安装监控文件变更的组件watchman，以便后期项目打包更新时提高性能。

watchman的安装推荐使用brew install watchman, 所以要先确保系统安装Homebrew

如果没有安装过可查看之前写过的这篇文章：【iOS开发】 2020最新安装CocoaPods -- 快速安装Homebrew, 升级Ruby版本

在安装的过程中，可能会出现错误， 比如：Error: Failed to download resource "[email protected]"

image.png

可能是因为网速，来回多下载几次，或者搭个梯子，就可以把python/3.9这个包下载下来了。

Homebrew 安装 watchman 成功

• 安装react-native-cli

在npm下安装一个包的命令格式为：npm install + 包的名称，如果加上参数g, npm install -g + 包的名称就是全局安装

react-native作为npm的一个包，我们可以直接用npm命令执行安装React Natice CLI命令行工具：

npm install -g react-native-cli

安装过程中如果出现错误， 看是否是权限问题，可尝试

sudo npm install -g react-native-cli

这里有个额外的知识点：

Yarn

Yarn是 Facebook 提供的替代 npm 的工具，可以加速 node 模块的下载。

npm install -g yarn

安装完 yarn 之后就可以用 yarn 代替 npm 了，例如用yarn代替npm install命令，用yarn add 某第三方库名代替npm install 某第三方库名。

• 下载Visual Studio Code

Visual Studio Code官方下载地址：https://code.visualstudio.com/docs/?dv=osx

但是下载超级慢，在某乎上看到个方法:

打开浏览器下载项，找到下载的这个文件， 右键拷贝地址：https://az764295.vo.msecnd.net/stable/ea3859d4ba2f3e577a159bc91e3074c5d85c0523/VSCode-darwin.zip
把az764295.vo.msecnd.net 替换为vscode.cdn.azure.cn，即https://vscode.cdn.azure.cn/stable/ea3859d4ba2f3e577a159bc91e3074c5d85c0523/VSCode-darwin.zip

再去下载，速度飞快！！！亲测有效！！！

---

以上，React Native使用的前置条件就完成了， 接下来就可以开始创建应用了~

下篇见。