快速创建uni-app项目
方式一： 通过HBuilderX 可视化的方式进行创建
1.1、创建前的准备工作
首先需要下载安装 HBuilderX ，HBuilderX是通用的前端开发工具，但为 uni-app做了特别强化。下载时要下载App开发版，如果下载标准版，在运行或发行时，会提示安装 uni-appp 插件，插件下载完成以后才可以使用。如果用 vue-cli创建uni-app，那么可以直接下载标准版，因为uni-app编译插件被安装到项目下了。
1.2、开始创建
在HBuilderX顶部工具栏中，点击文件>>新建>>项目
然后选择 uni-app ，输入项目名称，设置项目的工作空间，然后选择模板，然后点击创建
1.3、运行项目
1.3.1、运行到浏览器
扫描二维码关注公众号，回复：
11444745 查看本文章
点击工具栏的运行>>运行到浏览器>>选择浏览器，即可到指定的浏览器体验 uni-app的H5版
效果图：
1.3.2、运行到手机或模拟器
首先需要Android真机连接电脑，然后开启手机的USD调试模式，然后点击工具栏中的运行>>真机运行>>选择运行的设备，既可以在真机中预览 uni-app
效果图：
1.3.3、运行到小程序模拟器（微信/支付宝/百度/头条/QQ/钉钉/淘宝）
注意：再运行微信小程序时，首先需要安装 微信开发者工具
运行到微信开发者工具，请点击工具栏的运行>>运行到小程序模拟器>>选择微信开发者工具，然后选择微信开发者工具的安装路径，既可在为微信开发者工具中预览 uni-app
如若出现如下错误：
那么手动打开微信开发者工具，点击 菜单栏的 设置>>安全>>开启服务器端口
效果图：
更多参见：https://uniapp.dcloud.io/quickstart?id=%e8%bf%90%e8%a1%8cuni-app
1.4、发布uni-app