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

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

    • 简介
    • 环境
    • 创建uniapp项目
    • uniapp的目录结构
    • 运行uniapp项目

简介

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

环境

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

创建uniapp项目

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

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

uniapp的目录结构

uniapp指南第1章---如何创建一个uniapp项目_第2张图片

运行uniapp项目

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

你可能感兴趣的:(uniapp)