reactnative环境搭建

川长思鸟来 2022-05-30 12:16 247阅读 0赞

参考网站：

> 搭建开发环境 - React Native 中文网  
> [https://reactnative.cn/docs/0.51/getting-started.html\#content][https_reactnative.cn_docs_0.51_getting-started.html_content]

#### 1、安装Chocolatey：执行下面命令 ####

打开cmd ，输入下面的命令

@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

#### 注意： ####

这是一行命令，千万不要直接复制黏贴哦！  
这是一行命令，千万不要直接复制黏贴哦！  
这是一行命令，千万不要直接复制黏贴哦！  
因为复制黏贴会插进去换行字符，这样就会把一行命令分解成多行，造成错误  
另外  
一定要使用cmd的管理员模式运行！  
一定要使用cmd的管理员模式运行！  
一定要使用cmd的管理员模式运行！

@powershell -NoProfile -ExecutionPolicy Bypass -Command “iex ((new-object net.webclient).DownloadString(‘[https://chocolatey.org/install.ps1][https_chocolatey.org_install.ps1]‘))” && SET PATH=%PATH%;%ALLUSERSPROFILE%\\chocolatey\\bin

安裝好之后：  
![choco][]

警告是提示你要重启cmd才可以使用刚刚安装的choco

#### 2、重启cmd后使用choco安装pythony2：执行下面命令 ####

#### choco install python2 ####

安装过程中:  
![python][]  
安装完成后：  
![python][python 1]  
下面的提示是说已经安装成功，也是需要重启cmd才可以使用python2

#### 3、安装node：执行下面命令 ####

##### choco install nodejs.install #####

安装中：  
![node][]  
安装完成：  
![node][node 1]

这个时候我们 必须 重启一下cmd，然后才可以使用npm设置镜像  
设置npm镜像

##### npm config set registry [https://registry.npm.taobao.org][https_registry.npm.taobao.org] –global #####

##### npm config set disturl [https://npm.taobao.org/dist][https_npm.taobao.org_dist] –global #####

![npm][]

#### 4、安装yarn：执行下面命令 ####

##### npm install -g yarn react-native-cli #####

![yarn][]

#### 5、使用yarn设置镜像源：执行下面命令 ####

##### yarn config set registry [https://registry.npm.taobao.org][https_registry.npm.taobao.org] –global #####

##### yarn config set disturl [https://npm.taobao.org/dist][https_npm.taobao.org_dist] –global #####

![yarn][yarn 1]

以后就可以使用yarn代替npm安装第三方库啦  
yarn add 某第三方库名  
代替npm install –save 某第三方库名

以上就是react native的基本环境安装，接下来是android studio的相关环境安装,可以参考  
搭建开发环境 - React Native 中文网  
[https://reactnative.cn/docs/0.51/getting-started.html\#content][https_reactnative.cn_docs_0.51_getting-started.html_content]

[https_reactnative.cn_docs_0.51_getting-started.html_content]: https://reactnative.cn/docs/0.51/getting-started.html#content
[https_chocolatey.org_install.ps1]: https://chocolatey.org/install.ps1
[choco]: /images/20220530/2453a04a618247aa9130a59ff1df712a.png
[python]: /images/20220530/b73e91a9d2054c6fb39fd9407ab9b0b7.png
[python 1]: /images/20220530/76536f011aa34784a98b1caed1a0b49b.png
[node]: /images/20220530/3d5c0bd906f74d3c9ebe38775cbc9793.png
[node 1]: /images/20220530/52a66a52fddc4922ab4b7459749dc62a.png
[https_registry.npm.taobao.org]: https://registry.npm.taobao.org
[https_npm.taobao.org_dist]: https://npm.taobao.org/dist
[npm]: /images/20220530/ea23da582f224f42a937987ffdd69907.png
[yarn]: /images/20220530/773a9b4f1f9c4b9f8c938e6e8ca177f0.png
[yarn 1]: /images/20220530/d620b1ccbe22473ebeed30ad697b52b6.png