uniapp起步

一.认识

1.uni-app是一个使用 Vue.js 开发所有前端应用的框架，编写一套代码可发布到多个平台。
2.优势：

• 开发者/案例数量更多
• 平台能力不受限
• 性能体验优秀
• 周边生态丰富
• 学习成本低
• 开发成本低

二.使用

1.通过HBuilder X

新建 => 项目 => uni-app(U) => 默认模板 => 创建

2.用微信开发者工具运行
①HBuilder X中

运行 => 运行设置 => 微信开发者工具路径 =>

②打开微信开发者工具端口

工具 => 设置 => 安全设置 => 将服务端口开启

③再一次运行

三.

pages.json里面可以放路由
（1）例如可以在pages上新建两个页面 news，test
（2）使用tabBar，在pages.json里面写入，与pages同级：

pagePath：路径
text：文本
color：默认颜色
selectedColor：选中时的颜色
iconPath：默认图片
selectedIconPath：选中时的图片

（3）pages中的style都改成如下形式：

（4）最终效果：