上一篇文章已经运行起了一个uni-app项目的小demo,但是运行在Chrome浏览器的H5页面,那在微信开发者工具中如何实时模拟查看该项目呢?
1.在微信开发者工具中运行
1)配置小程序IDE相关路径
说明:只有配置了才能在微信小程序运开发者工具中运行成功!
运行设置
配置IDE路径
2)开启小程序IDE服务端口的安全设置
server port security
3)进入test项目,点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具,生成对应的微信小程序项目,即可在微信开发者工具里面体验了。
运行到小程序模拟器
4)运行效果
运行效果
2. 组件
1)基础组件,与微信小程序相同;
2)自定义组件,根据需要通过基础组件进行组合;
3)uni-ui,是DCloud提供的基于vue组件的、flex布局的、无dom的跨全端扩展ui框架;
4)插件市场,提供了更多扩展组件、模板,包括前端组件和原生扩展组件,具体见插件市场;
1)基础组件
基础组件
2)自定义组件
// list.vue
{{item.title}}
引用并使用组件
// personal.vue
效果图
list列表
3)uni-ui
下次分享。。。