uni-app环境搭建、项目创建

uni-app介绍

uni-app官方网站是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。
通俗的来讲，也就是开发者只需要编写一套uni-app代码，就能实现安卓、IOS、网页、小程序的开发，大大减少了开发成本

环境搭建

uni-app的环境搭建极其简单，只需要下载开发工具HbuilderX 下载地址
该编译器内置了uni-app的开发环境，同时也是一个比较优秀的前端开发工具

版本说明：
	标准版与app开发版：
			app开发版内置一部分开发插件，无需安装，可以开箱即用，
	正式版与Alpha版：
			Alpha版更新频率高于正式版，新推出的功能会优先在Alpha版上发布
			正式版的稳定性要更好一些
使用HbuilderX进行uni-app开发推荐使用app开发版			

微信开发者工具 下载地址

项目创建

• 点击HbuilderX菜单栏文件—>新建—>2.项目
• 选择uni-app—默认模板，填写好项目名称，存放位置，点击创建
  项目结构说明
  

项目运行

运行到浏览器
点击运行–>运行到浏览器—>浏览器
运行到微信开发者工具
首先要在开发工具中配置小程序运行目录
点击工具—>设置—>运行设置
小程序设置中设置小程序开发工具的安装位置

注意：想要运行到微信开发者工具中，微信开发者工具要开启端口设置

将服务端口开启，如果不开启，uni-app将无法正常运行到微信开发者工具中

运行都安卓、IOS上

• 将手机用数据线连接电脑
• 运行—>运行到手机或模拟器—>选择对应的手机或模拟器