uni-app 在微信开发者工具中运行及组件的使用

上一篇文章已经运行起了一个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）基础组件

  
  页面主操作 Normal
  

基础组件

2）自定义组件

// list.vue

引用并使用组件

// personal.vue

效果图

list列表

3）uni-ui

下次分享。。。