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中点击运行,选择运行环境。(此处我选择浏览器中运行)

项目运行成功

目录
相关文章
|
1月前
|
小程序 安全 JavaScript
从零开始uniapp微信小程序项目到发布(超级详细)
最近微信小程序又掀起一波风潮,本文站在新手的角度出发,比较适合第一次使用uniapp 开发微信小程序的伙伴,或者没有过实战经验的小伙伴参考,从零搭建uniapp小程序项目
133 1
|
3月前
uniapp项目实践第四章:如何安装uni-ui组件库
uniapp项目实践第四章:如何安装uni-ui组件库
103 0
|
1月前
|
移动开发 小程序 JavaScript
(一)、项目介绍及知识点概述【uniapp+uinicloud多用户社区博客实战项目(完整开发文档-从零到完整项目)】
(一)、项目介绍及知识点概述【uniapp+uinicloud多用户社区博客实战项目(完整开发文档-从零到完整项目)】
21 0
|
1天前
|
人工智能 移动开发 小程序
uniapp框架——vue3+uniFilePicker+fastapi实现文件上传(搭建ai项目第二步)
uniapp框架——vue3+uniFilePicker+fastapi实现文件上传(搭建ai项目第二步)
12 2
|
1天前
|
人工智能 小程序 前端开发
uniapp框架——初始化vue3项目(搭建ai项目第一步)
uniapp框架——初始化vue3项目(搭建ai项目第一步)
11 1
|
1月前
|
缓存 数据可视化 小程序
uniapp项目中使用vue3开发多端项目实践
uniapp项目中使用vue3开发多端项目实践
21 0
|
1月前
|
移动开发 自然语言处理 小程序
miniprogram-to-uniapp使用指南(各种小程序项目转换为uni-app项目)
miniprogram-to-uniapp使用指南(各种小程序项目转换为uni-app项目)
35 1
|
1月前
|
Java 关系型数据库 MySQL
【项目】手把手带你用 SpringBoot、Uniapp、MySql 开发一个简单的活动报名项目
【项目】手把手带你用 SpringBoot、Uniapp、MySql 开发一个简单的活动报名项目
150 1
|
3月前
|
开发工具 git
uniapp项目实践拓展章:代码统一风格
uniapp项目实践拓展章:代码统一风格
40 0
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
38 3

热门文章

最新文章