搭建开发环境

429 阅读2分钟

中文官方网站:搭建环境

我们推荐使用Homebrew来安装 Node 和 Watchman。在命令行中执行下列命令安装(如安装较慢可以尝试阿里云的镜像源):

brew install node
brew install watchman

实测阿里镜像源很慢,可以切换清华源或者中科大源,切换方法:Homebrew源切换。不过也不好用,还是切换最初的源搭个梯子,下载很快的。

Yarn

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

npm install -g yarn

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

下载react-native依赖资源

如果直接创建工程,npx react-native init AwesomeTSProject,会提示:

image.png

需要先下载react-native依赖资源

注意一:请不要在目录、文件名中使用中文、空格等特殊符号。请不要单独使用常见的关键字作为项目名(如 class, native, new, package 等等)。请不要使用与核心模块同名的项目名(如 react, react-native 等)。

注意二:0.60 及以上版本的原生依赖是通过 CocoaPods 集成安装的。CocoaPods 的源必须使用代理访问(镜像源也无效)。如果在 CocoaPods 的依赖安装步骤卡住(命令行停在 Installing CocoaPods dependencies 很久,或各种网络超时重置报错,或在ios目录中无法生成.xcworkspace文件),请务必检查确定你的代理配置是否对命令行有效。

Jietu20220711-164822.jpg

用了梯子也是一个漫长的过程,不过还是成功了。

创建项目

npx react-native init AwesomeProject直接创建项目。

Jietu20220711-164104.jpg

这也是一个非常漫长的过程,搭着梯子等就行。。。 最后成功!