首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用Expo开发React-native程序(一)

开发React-native程序,除了官方提供的React-native CLI外,目前还有一个新的选择Expo。Expo通过编写React和js代码,来生成IOS app、安卓app和web端应用。...它主要包括两个工具:Expo CLI:命令行工具,用来创建脚手架、运行、build程序。Expo Go:安装在真机或虚拟机上的app,可以直接运行你构建出来的项目(不需要签名),方便debug和测试。...如何使用:1.全局安装Expo CLI工具npm install -g expo-cli2.创建项目(假设项目名称为expo-1)expo init expo-1或者npx create-expo-app...expo-13.安装其他依赖项如果是苹果M1、M2芯片,需安装watchmanbrew install watchman4.启动npm start启动完成后,可以在web端查看效果:http://localhost...:8081/也可以按 i 启动IOS虚拟机(前提是你已经安装了xcode和IOS虚拟机),启动IOS虚拟机后expo会首先给你安装Expo Go,如下图所示:安装好后就可以正式进入app了,效果如下:expo

1.6K10

最新React Native环境搭建(从0到打包APK)

Node, 版本必须在12或者大于12 Java JDK 环境 必须为 1.8 版本 ​ 缺少Python 环境 ​ 项目依赖安装工具 首选 yarn ,安装国外资源依赖快 Npm, 下载速度会很慢...后来选择了EXPO,可真香。 官方提供 脚手架 1. 全局安装脚手架 npm uninstall -g react-native-cli 2....全局安装 EXPO 推荐用 yarn 安装// npm install --global expo-cli (当时用npm,安装了半个小时,也没安装完......) ​ 2....当你想打包你的App 成APK 文件: 你可以是使用EXPO 提供的 指令: expo build:android 打包的时候,会需要EXPO的账户, 因为它会发布到你EXPO账户下,生成APK 文件...打包成功,它会提供一个链接,去这个链接你就可以下载打包后的APK 文件 ​ 下载APK 显示效果 到此该结束了 本章介绍了,如何配置React Native 环境, 以及EXPO 神器如何使用,

4.3K00
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    最新React Native环境搭建(从 0 到 打包APK)

    Node, 版本必须在12或者大于12 Java JDK 环境 必须为 1.8 版本 缺少Python 环境 项目依赖安装工具 首选 yarn ,安装国外资源依赖快 Npm, 下载速度会很慢,可以设置淘宝源...后来选择了EXPO,可真香。 ” 官方提供 脚手架 1. 全局安装脚手架 npm uninstall -g react-native-cli 2....全局安装 EXPO 推荐用 yarn 安装// npm install --global expo-cli (当时用npm,安装了半个小时,也没安装完......) 2....当你想打包你的App 成APK 文件: 你可以是使用EXPO 提供的 指令:expo build:android 打包的时候,会需要EXPO的账户, 因为它会发布到你EXPO账户下,生成APK 文件...” 打包成功,它会提供一个链接,去这个链接你就可以下载打包后的APK 文件 下载APK 显示效果 到此该结束了 ★本章介绍了,如何配置React Native 环境, 以及EXPO 神器如何使用

    3.3K30

    npm的安装与使用!

    Node.js 内置了npm,只要安装了node.js,就可以直接使用 npm,Node.js的安装方式,看这里!...安装完 node.js 后,把npm更新到最新版本: npm install npm@latest -g 二、项目中使用 npm 1、初始化 根据提示填写对应信息,即可产生package.json...文件 cd npm init 2、使用 npm 下载安装包 # 安装需要使用的包 npm install lodash # 安装完成后,package.json 中会添加版本信息,如下...三、常用命令 1、常用命令 用 lodash 包说明npm的使用方法: # 全局安装 lodash npm install -g lodash # 本地安装 lodash(默认安装最新版本) npm...// 可使用在package.json中 "dependencies": { "my_dep": "^1.0.0", "another_dep": "~2.2.0" }, 七、参考文档 npm的安装与使用

    1.8K20

    使用CLI开发一个Vue3的npm库

    本文就跟大家分享下如何使用CLI从零开始开发一个支持Vue3的库,并上传至npm,欢迎各位感兴趣的开发者阅读本文。...库开发完成后,就是需要打包上传至npm库了,打包这一块可以选择自己配webpack来搞,我选择用Vue Cli提供的方案来进行打包,接下来就跟大家分享下整体的思路: 安装Vue CLI,本文安装的是4....安装Vue CLi 在终端执行下述命令: yarn global add @vue/cli # 或者 npm install -g @vue/cli 创建项目 在终端执行下述命令,本文要创建的项目名为...配置CSS内联 当我把插件开发完,测试时发现我引用的组件样式丢了,找了好久问题,最后在CLI的文档中找到了问题所在,他有个css.extract属性,它使用来配置打包时是否将css样式提取到独立的文件中...至此,我们插件的整个环境就搭建好了,可以着手与插件的实现了,对本文实现的插件感兴趣的开发者可移步至我的另一篇文章:使用vue封装右键菜单插件 插件开发完成后,我们就可以进行打包并发布至npm仓库了。

    61520

    npm使用淘宝镜像(npm淘宝镜像安装依赖失败)

    一、node包管理 二、网站 网站:https://www.npmjs.com 三、npm命令工具 只要安装了node就已经安装了npm npm --version查看版本号 npm install...包名只删除,如果有依赖信息依然保存 npm unistall –save 包名删除同时也会把依赖信息也会去除 npm un -S npm help查看指定命令的使用帮助 ####四、解决npm...安装淘宝cnpm npm install --global cnpm任意目录都ok 接下来你安装的时候把之前的npm替换成cnpm #####global表示安装到全局,而非当前目录不可省略 书...:深入解析nodejs 如果不想安装cnpm又想使用淘宝的服务器来下载 npm install jquery --registry=https://registry.npm.taobao.org...使用npm下载jq通过后面地址 但是每一次手动这样加参数很麻烦,所以我们可以把这个选项加入配置文件中: 更改下载地址 npm config set registry https://registry.npm.taobao.org

    3.5K20

    教程:使用 .NET CLI 安装和使用 .NET 本地工具

    本文适用于: ✔️ .NET Core 3.0 SDK 及更高版本 本教程介绍如何安装和使用本地工具。 使用在本系列的第一个教程中创建的工具。 先决条件 完成本系列的第一个教程。...安装 .NET Core 2.1 运行时。 在本教程中,安装和使用面向 .NET Core 2.1 的工具,因此需要在计算机上安装该运行时。...使用引用本地工具的 CLI 命令时,SDK 会在当前目录和父目录中搜索清单文件。 如果它找到清单文件,但该文件不包含所引用的工具,则会通过父目录继续向上搜索。...使用 dotnet tool update 命令将工具更新到最新版本。...dotnetsay 疑难解答 如果在学习本教程时收到错误消息,请参阅排查 .NET 工具使用问题。

    1K20

    教程:使用 .NET CLI 安装和使用 .NET 全局工具

    本文适用于: ✔️ .NET Core 2.1 SDK 及更高版本 本教程介绍如何安装和使用全局工具。 使用在本系列的第一个教程中创建的工具。 先决条件 完成本系列的第一个教程。.../nupkg microsoft.botsay --global 参数指示 .NET CLI 将工具二进制文件安装在自动添加到 PATH 环境变量的默认位置中。...--add-source 参数指示 .NET CLI 临时使用 ./nupkg 目录作为 NuGet 包的附加源数据源。 为包提供了唯一名称,以确保它仅位于 ..../nupkg microsoft.botsay --tool-path 参数指示 .NET CLI 将工具二进制文件安装在指定位置中。 如果目录不存在,则会创建该目录。...后续步骤 在本教程中,已将工具作为全局工具安装和使用。 有关如何安装和使用全局工具的详细信息,请参阅管理全局工具。 若要安装和使用与本地工具相同的工具,请转到下一教程。 安装和使用本地工具

    1.3K30

    如何在React Native中添加自定义字体

    向 React Native CLI 项目添加自定义字体 对于我们的项目,我们将研究如何通过构建使用Google字体的基础应用程序,将自定义字体添加到React Native CLI项目中。...一旦项目成功安装,你将会看到下面的图片: 在你喜欢的IDE中打开你的项目以开始。在这个教程中,我们将使用VS Code。 一旦项目已经启动,我们将继续获取我们想要使用的字体。...首先,通过运行此命令创建一个新的Expo项目: npx create-expo-app my-app 一旦项目成功安装,通过运行 npm run start 启动开发服务器,并选择iOS 或 Android...当你的模拟器完成项目加载后,你应该会看到这个: 使用Google字体 因为我们将 Raleway 和 Quicksand 字体添加为我们的自定义字体,我们将安装这两个包: @expo-google-fonts...无论是使用Expo还是React Native CLI,这个过程都将大大提升你的应用的美观度和可用性。

    62310
    领券