uni-app1:使用 HBuilder 创建一个 uni-app 项目

184 阅读1分钟

文章概述

本篇文章介绍如何使用 HBuilder 创建一个 uni-app 项目,主要包括以下步骤:

  1. 下载 HBuilder 编辑器
  2. 创建 uni-app 项目
  3. 运行 uni-app 项目

下载 HBuilder 编辑器

打开 HBuilderX 官网 ,选择对应系统的正式版的.zip下载

image.png

下载之后解压打开应用程序即可

image.png

创建 uni-app 项目

左上角点击 文件-新建-项目,选择 uni-app,项目名称取名为storeApp,模板选择如下,Vue版本选择Vue2,然后点击创建

image.png

运行 uni-app 项目

我们点击项目的 pages 目录下的 about.vue 文件,然后左上角选择 运行-运行到内置浏览器,第一次运行需要安装一下内置浏览器,点击确定安装即可,运行过程中会提示:代码使用了scss/sass语言,但未安装相应的编译器插件,会自动安装,等他安装好就行

image.png

运行完成后,我们访问 http://localhost:8080/ ,页面如下

image.png

结语

如此我们就创建好了一个 uni-app 项目