简介
uniapp是一个跨端应用,一套代码可以转换成app,小程序,H5,同时支持云开发。uniapp的写法与微信小程序非常类似,所以如果对微信小程序和vue开发有过接触的话,那么入门uniapp将是一件是否简单轻松的事情
接下来我会详细记录如何从0到1开发一个uniapp项目,如有问题和错误,欢迎探讨。
环境
uniapp的创建项目有好几种方式,但是uniapp官方更推荐HbuilderX这一开发工具来创建和开发项目,因此这里需要下载HbuilderX 做为我们的开发工具
创建uniapp项目
- 打开HbuilderX,选择新建项目
由于接下来会使用到uniapp的云服务,因此此处我勾上了启动uniCloud,便于日后的开发 - 点击创建,项目就创建成功了
uniapp的目录结构
运行uniapp项目
在HbuilderX中点击运行,选择运行环境。(此处我选择浏览器中运行)
项目运行成功