Uniapp入门及技术指南

  uni-app 是一个使用 Vue.js 开发小程序、H5、App的统一前端框架。官网地址：https://uniapp.dcloud.io

学习文档

https://uniapp.dcloud.io/

安装IDE工具环境HBuilder

开发工具HBuilder，下载地址 ：https://www.dcloud.io/hbuilderx.html

下载后，安装HBuilder，安装过程比较简单，这里省略。安装后是这样的。

我们建立或导入一个uniapp应用（具体建立过程后续讲），运行应用，

运行后一般会提示需要安装插件，比较典型的是scss插件，安装过程如下：

​

​ 

 这样我们就可以继续运行上述导入的应用了。

正常启动应用的结果截图如下： 

上述是运行在浏览器环境。

我们再看下运行在微信开发者工具，需要配置微信开发者工具，我们首先安装并打开微信开发者工具，配置如下

 

hbuilder编辑器需要先将应用发行，才能用微信开发者工具打开，使用模拟器预览编辑修改。如下：