49.uni-app学习笔记

一、uni-app介绍

uni-app是一个使用vue.js开发所有前端应用的框架；开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。

（1）通过HBuliderX可视化界面

首先需要下载HBuliderX

然后就是创建uni-app：

新建--项目--选择uni-app--输入项目名称--点击创建

然后就是运行项目uni-app：

这个运行前得看你下载的HBuliderX是什么版本的，下载开发板可以直接运行，下载标准版，在运行uni-app时，会提示安装uni-app插件（运行时自动安装）

点击工具栏运行---运行到浏览器---选择你电脑里的对应浏览器

49.uni-app学习笔记

2.通过vue-cli命令行

环境安装（全局安装vue-cli）

npm install -g @vue/cli

创建uni-app（使用正式版对应HBuilderX最新正式版）

vue create -p dcloudio/uni-preset-vue my-project

运行并发布uni-app

npm run dev:%PLATFORM%

npm run build:%PLATFORM%

%PLATFORM% 可取值如下：