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

简介

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

环境

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

创建uniapp项目

  • 打开HbuilderX,选择新建项目
    uniapp指南第1章---如何创建一个uniapp项目
    由于接下来会使用到uniapp的云服务,因此此处我勾上了启动uniCloud,便于日后的开发

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

uniapp的目录结构

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

运行uniapp项目

在HbuilderX中点击运行,选择运行环境。(此处我选择浏览器中运行)
uniapp指南第1章---如何创建一个uniapp项目
项目运行成功
uniapp指南第1章---如何创建一个uniapp项目

相关文章:

  • 2022-12-23
  • 2021-06-25
  • 2021-08-13
  • 2021-11-23
  • 2021-05-17
  • 2021-09-12
猜你喜欢
  • 2021-05-11
  • 2022-12-23
  • 2021-11-23
  • 2021-09-23
  • 2022-12-23
  • 2021-06-13
  • 2021-10-11
相关资源
相似解决方案