美文网首页
uniapp项目的搭建

uniapp项目的搭建

作者: 她与星河皆遗憾 | 来源:发表于2022-01-26 10:35 被阅读0次

最近公司要用uniapp框架做一个商城类的app,于是自学了uniapp的开发,uni-app是由DCloud研发的,一个使用 Vue.js 开发可跨平台应用的前端框架,开发人员只需要编写一套代码,即可编译到iOS、Android、H5、小程序等多个平台,真是节省了多端开发的时间。
DCloud的官网:https://www.dcloud.io/
uni-app的官网:https://uniapp.dcloud.io/

项目搭建

一、准备好HbuilderX工具。
Hbuilderx下载地址:https://www.dcloud.io/hbuilderx.html
二、新建一个uni-app的项目,选择空项目创建就可以。

image.png
uni-app的创建成功的默认模板项目里面文件夹结构
image.png
三、运行项目
image.png
打开你项目的文件夹的任何一个文件,然后点击HbuilderX上面的运行,运行到浏览器或者小程序模拟器
注意:使用小程序模拟器运行,需要安装微信开发者工具。
微信开发者工具(稳定版就行):https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

相关文章

  • uniapp项目的搭建

    最近公司要用uniapp框架做一个商城类的app,于是自学了uniapp的开发,uni-app是由DCloud研发...

  • uniapp搭建

    1.uniapp搭建首选项是通过hbuildx去新建项目 2.如果新手可以先选择hello uni-app这个模板...

  • uniapp 项目搭建

    uni-app其实是[https://www.dcloud.io/]DCloud推出的众多产品之一,当然我只研究目...

  • Hibernate_day01

    实现功能: 项目名称:CRM客户关系管理系统一、搭建项目的hibernate环境;二、客户列表的新增。 一、搭建项...

  • vue2.0 之关于组件之间如何通信

    最近在学习用vue2.0进行项目的开发,由于接手项目的时候,项目的完整架构已经搭建完毕,为了不破坏之前的项...

  • 微信小程序进阶版本

    1.uni-app搭建底层框架 开发者api https://uniapp.dcloud.net.cn/api/r...

  • uniapp h5发布之后,刷新导致404

    manifest.json nginx配置 nginx存放项目的路径 groupMobile是的uniapp项目/...

  • uni-app pages.json文件

    { "pages":[ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud...

  • uniapp 学习文档

    一、 什么是uniapp 二、 uniapp优势 三、我们使用uniapp 四、uniapp组件 组件模块地址:h...

  • 小程序开发文档--uniapp开发<三>

    一.uniapp 网址: https://uniapp.dcloud.io/[https://uniapp.dcl...

网友评论

      本文标题:uniapp项目的搭建

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