uniapp指南第1章---如何创建一个uniapp项目

uniapp指南第1章---如何创建一个uniapp项目

简介

uniapp是一个跨端应用,一套代码可以转换成app,小程序,H5,同时支持云开发。uniapp的写法与微信小程序非常类似,所以如果对微信小程序和vue开发有过接触的话,那么入门uniapp将是一件是否简单轻松的事情
接下来我会详细记录如何从0到1开发一个uniapp项目,如有问题和错误,欢迎探讨。

环境

uniapp的创建项目有好几种方式,但是uniapp官方更推荐HbuilderX这一开发工具来创建和开发项目,因此这里需要下载HbuilderX 做为我们的开发工具

创建uniapp项目

  • 打开HbuilderX,选择新建项目
    在这里插入图片描述
    由于接下来会使用到uniapp的云服务,因此此处我勾上了启动uniCloud,便于日后的开发

  • 点击创建,项目就创建成功了

uniapp的目录结构

在这里插入图片描述

运行uniapp项目

在HbuilderX中点击运行,选择运行环境。(此处我选择浏览器中运行)
在这里插入图片描述
项目运行成功
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值