uni-app
是一个使用 Vue.js
开发小程序、H5、App的统一前端框架。官网地址:https://uniapp.dcloud.io
学习文档
安装IDE工具环境HBuilder
开发工具HBuilder,下载地址 :https://www.dcloud.io/hbuilderx.html
下载后,安装HBuilder,安装过程比较简单,这里省略。安装后是这样的。
我们建立或导入一个uniapp应用(具体建立过程后续讲),运行应用,
运行后一般会提示需要安装插件,比较典型的是scss插件,安装过程如下:
这样我们就可以继续运行上述导入的应用了。
正常启动应用的结果截图如下:
上述是运行在浏览器环境。
我们再看下运行在微信开发者工具,需要配置微信开发者工具,我们首先安装并打开微信开发者工具,配置如下
hbuilder编辑器需要先将应用发行,才能用微信开发者工具打开,使用模拟器预览编辑修改。如下: