uni-app是一个使用Vue.js开发跨平台应用的前端框架。本文介绍了通过HBuilderX可视化界面进行uni-app的环境搭建、项目创建、运行、调试以及如何发布到微信小程序的详细步骤。
整理自 uni-app官方教程。
uni-app是一个使用Vue.js开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。
uni-app支持通过可视化界面，vue-cli命令行两种方式快速创建项目。我们这里主要说一下通过可视化界面创建项目
通过HBuilderX可视化界面
环境搭建
可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。
开始之前，开发者需先下载安装如下工具：
HBuilderX：官方IDE下载地址
微信开发者工具：调试预览工具。最新版本下载地址
创建uni-app
点击工具栏里的文件 -> 新建 -> 项目：
选择uni-app，输入项目名称，如：hello-uniapp，点击创建，即可成功创建 uni-app。点击模板里的 Hello uni-app 即可体验官方示例。
最低0.47元/天 解锁文章
3075
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
