• 技术文章 >web前端 >uni-app

    如何快速搭建uni-app项目?两种搭建方法分享

    青灯夜游青灯夜游2022-01-13 18:45:58转载152
    如何快速搭建uni-app项目?下面本篇文章给大家介绍一下从零搭建uni-app项目的两种方法,希望对大家有所帮助!

    uni-app 是一个使用Vue.js开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。

    方式一: 使用HBuilderX来快速开发和运行

    第一步:准备好HbuilderX工具

    uni-app官网有相关的介绍,要下载app开发版本的HbuilderX工具。

    第二步:新建一个uni-app的项目,选择空项目。

    1.png

    uni-app的默认模板项目里面文件夹结构是这样的:

    2.png

    第三步:运行项目。

    点击工具栏里的【运行】选项,在下拉框中选择不同的运行环境即可。可以参考官网步骤。

    因为最近的项目是在微信端,这里就介绍下微信端运行的相关事宜。

    在微信开发者工具里运行:进入hello-uniapp项目,点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具,即可在微信开发者工具里面体验uni-app。

    3.png

    注意: 如果是第一次使用,需要先配置小程序ide的相关路径,才能运行成功。在HbuilderX中需要在工具->配置->运行配置,找到小程序运行配置,将微信开发者工具路径复制到里面。

    4.png

    方式二: 使用脚手架来快速搭建和开发

    按照提示,直接Enter;

    推荐:《uniapp教程

    以上就是如何快速搭建uni-app项目?两种搭建方法分享的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:掘金社区,如有侵犯,请联系admin@php.cn删除
    专题推荐:uni-app
    上一篇:renderjs有什么用?聊聊uniapp中用renderjs的一些细节 下一篇:没有了

    相关文章推荐

    • uni-app+sortable.js怎么实现拖拽排序?步骤分享• uniapp中怎么使用scrpll-view组件实现下拉刷新• 浅析uniapp中怎么创建上拉加载下拉刷新组件• 记录下uni-ui项目中引入ColorUI的方法• uniapp中怎么实现直播旁路推流(步骤分享)• 看看使用uni-app如何编写一个五子棋小游戏(附游戏代码)

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网