从native-starter-kit快速入手RN开发流程

AjaxDemon / LightonDeng.github.io

MIT License

0 stars 0 forks source link

从native-starter-kit快速入手RN开发流程 #3

Open AjaxDemon opened 7 years ago

AjaxDemon commented 7 years ago

[x] 从git上down下native-starter-kit；
[ ] 了解其中用到的库和文件结构；
[ ] 修改其中部分代码，进行调试；
[ ] 总结与整理；

AjaxDemon commented 7 years ago

安装CodePush

地址：https://microsoft.github.io/code-push/

npm install -g code-push-cli

安装react-native CLI

地址：https://facebook.github.io/react-native/docs/getting-started.html

npm install -g create-react-native-app
npm install -g react-native-cli

AjaxDemon commented 7 years ago

安装Chocolatey

地址：https://chocolatey.org/

Chocolatey是在windows平台的包管理工具，类似于Linux平台的yum，macOS的Homebrew。

RN的官方文档中介绍到，使用Chocolatey去安装nodejs、python、jdk8，这可以省去很多环境配置的烦扰。

这里需要注意的是，Chocolatey需要基于 PowerShell v2+ 和 .NET Framework 4+ 的环境。我的系统达不到要求，所以只好升级咯。

ps: 刚开始接触RN，没想到要搭建环境还需要安装这么多工具。。

AjaxDemon commented 7 years ago

安装powershell 2.0

地址： Install Windows PowerShell 2.0 Windows Management Framework 5.0 Windows PowerShell 入门

升级.NET Framework 的版本到4+

Microsoft .NET Framework 4（独立安装程序）

AjaxDemon commented 7 years ago

关于安装Chocolatey的坑

Chocolatey在国内下载会非常慢，经常出现的情况是根本下载不下来，我就经常卡死在这一步。这个时候可以用迅雷之类的下载软件先把安装文件下载下来。

运行官网的下载命令后，通常会显示出安装包的下载路径，比如下面这样：

拷贝其中的https://chocolatey.org/api/v2/package/chocolatey/0.10.7到迅雷中下载，得到一个.nupkg文件，然后重命名成.zip并解压，解压后参照官网的 Install using NuGet.exe from PowerShell的说明去安装即可。

这一步我不是用nuget下载Chocolatey的，而是拷贝链接手动下载并解压，两种方法下载后是一样能得到安装文件的。用控制台进入解压后的文件夹，在\tools下运行命令便可完成安装：

& .\chocolateyInstall.ps1

AjaxDemon commented 7 years ago

下载Gradle卡死的问题

运行react-native run-android后要下载一个gradle包，由于网络原因要下载好久，整个启动进程就卡死了。

我按照之前的方法，用迅雷把gradle包下载下来，下载路径在根目录下的./android/gradle/wrapper/gradle-wrapper.properties文件的distributionUrl参数。

下载路径如下：

distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zip

当时我下载后，就傻乎乎不知道怎么去在启动的时候调用起这个包，其实解决方案很简单，既然它是个url，我把它改成本地的url不就可以了么，于是乎改成下面这样：

distributionUrl=http\://127.0.0.1/gradle-2.14.1-all.zip

这样就把资源切换到本地了，加载速度奇快。