windows7环境下的RN环境安装实录

第一步 安装Chocolatey

管理员账号打开cmd.exe
输入如下命令:

@powershell -NoProfile -ExecutionPolicy Bypass -Command "[System.Net.WebRequest]::DefaultWebProxy.Credentials = [System.Net.CredentialCache]::DefaultCredentials; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH="%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

经过一顿等待,重新打开cmd窗口,再输入choco如果出现以下内容,那么代表已经顺利安装完成:

C:\Windows\system32>choco
Chocolatey v0.10.8
Please run 'choco -?' or 'choco <command> -?' for help menu.

第二步 安装python2

通过第一步安装的Chocolatey来安装
输入命令:

choco install python2

经过又一顿等待,请入python后 可以看到

Python 2.7.14 ....等信息

那么说明python2也已安装完毕

第三步 安装node.js

由于我之前从官网安装过了,所以这一步安装过程未验证,我是通过msi安装包直接安装的,你也可以尝试下下面的命令行安装方式

choco install nodejs.install

安装完成后,输入如下命令看下是否安装完成

node -v

如果成功的话,会显示你的node版本号。

安装完node后建议设置npm镜像以加速后面的过程(或使用科学上网工具)。注意:不要使用cnpm!cnpm安装的模块路径比较奇怪,packager不能正常识别!

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

第四步 安装RN的命令行工具

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

npm install -g yarn react-native-cli

很快就能下载好,安装完yarn后同理也要设置镜像源

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

第五步 创建运行第一个RN(Android)项目

新建一个RN项目用的工作目录,命令行进入后输入

react-native init MyFirstProject

项目会自动化创建
然后进入MyFirstProject目录下

react-native run-android

记得查看下权限,部分国产手机因为权限问题有异常

大功告成

看到Welcome to React Native!页面后,则代表大功告成了

猜你喜欢

转载自blog.csdn.net/weixin_33755649/article/details/87426049
今日推荐