美文网首页
React-Native 学习之路 - 安装运行

React-Native 学习之路 - 安装运行

作者: NO我的错 | 来源:发表于2018-08-16 15:45 被阅读0次

    中文官网:https://reactnative.cn/

    版本:0.55

    系统:Windows

    安装:参考官网

    编辑器:WebStorm(破解方法:http://idea.lanyus.com/

        安装OK之后,使用命令行工具CD 到 自己的项目目录(如D:/ReactNative,可以和安装目录分开),输入命令:react-native init 项目名 --version 0.55.3 (不加版本号--version 0.55.3会下载最新版本)

    安装之后目录:

    目录

    入口文件:index.js

    查看组件及配置文件:package.json

    运行项目:CD到自己创建的项目下 react-native run-android

    期间有很多坑(填坑传送门):

        https://www.jianshu.com/p/28534cc5b757

        https://www.jianshu.com/p/e447b29c0684

    当项目成功运行,运行的文件是App.js,可以修改为:

    Hello World

    WebStorm 运行React-Native:

    用WebStorm 打开项目,点击右侧Edit Configurations...

    Edit Configurations...

    弹窗之后选择左上角+号,选择React Native

    React Native 添加

    Name 随自己填写,确认好配置后,点击Apply、OK

    保存配置

    保存之后,点击右侧Edit Configurations... 选择保存的配置,再点击三角形或者爬虫按钮即可运行(命令行工具先运行一次,之后可以一直用WebStorm运行)

    选择配置

    相关文章

      网友评论

          本文标题:React-Native 学习之路 - 安装运行

          本文链接:https://www.haomeiwen.com/subject/bfhobftx.html