uni,读作youni,统一的意思。DCloud(数字天堂(北京)网络技术有限公司)基于Vue.js开发的前端应用框架,开发者写一套代码,就能发布到iOS. Android、 H5、以及 各种小程序平台。
HBuildX也是DCloud开发的一款编辑器,和uni-app是同一个公司开发的。可想而知,HBuildX对uni-appa支持程度极高,因此我们也就选用HbuildX作为uni-app开发的主编辑器。
如何安装HBuildX
- 官网下载:https://www.dcloud.io/hbuilderx.html 选择APP开发版
- 解压后即可使用
- 安装插件:工具=>插件安装(uni-app(vue2)编译、uni-app(vue3)编译、scss/sass编译)
如何创建uni-app
启动HbuildX,文件=>新建=>项目=>选择uni-app=>填写项目名,项目路径=>选择项目模板:uni-ui项目=>点击创建
如何运行uni-app
- 运行到chrome浏览器:进入到uni-app=>运行=>运行到浏览器=>运行到chrome浏览器
- 运行到内置浏览器:安装“内置浏览器插件”=>运行=>运行到内置浏览器
- 安装微信开发者工具,地址:https://developers.weixin.qq.com/miniprogram/dev/devtools