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 "python@3.9"

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使用的前置条件就完成了, 接下来就可以开始创建应用了~

下篇见。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • -------------如果你使用的是Mac OS系统,请参照以下步骤----------- 安装前注意: 1)...
    Lucky丶晴阅读 568评论 0 3
  • 日常唠嗑:基于windows下搭建,之前一直想写篇关于配置环境的文章,毕竟react-native这块坑太多了,一...
    roar_挖掘工阅读 528评论 0 1
  • 久违的晴天,家长会。 家长大会开好到教室时,离放学已经没多少时间了。班主任说已经安排了三个家长分享经验。 放学铃声...
    飘雪儿5阅读 7,550评论 16 22
  • 今天感恩节哎,感谢一直在我身边的亲朋好友。感恩相遇!感恩不离不弃。 中午开了第一次的党会,身份的转变要...
    迷月闪星情阅读 10,602评论 0 11
  • 在妖界我有个名头叫胡百晓,无论是何事,只要找到胡百晓即可有解决的办法。因为是只狐狸大家以讹传讹叫我“倾城百晓”,...
    猫九0110阅读 3,315评论 7 3