文章概述
本篇文章介绍如何使用 HBuilder 创建一个 uni-app 项目,主要包括以下步骤:
- 下载 HBuilder 编辑器
- 创建 uni-app 项目
- 运行 uni-app 项目
下载 HBuilder 编辑器
打开 HBuilderX 官网 ,选择对应系统的正式版的.zip下载
下载之后解压打开应用程序即可
创建 uni-app 项目
左上角点击 文件-新建-项目,选择 uni-app,项目名称取名为storeApp,模板选择如下,Vue版本选择Vue2,然后点击创建
运行 uni-app 项目
我们点击项目的 pages 目录下的 about.vue 文件,然后左上角选择 运行-运行到内置浏览器,第一次运行需要安装一下内置浏览器,点击确定安装即可,运行过程中会提示:代码使用了scss/sass语言,但未安装相应的编译器插件,会自动安装,等他安装好就行
运行完成后,我们访问 http://localhost:8080/ ,页面如下
结语
如此我们就创建好了一个 uni-app 项目