uni-app教程二（微信开发者工具运行项目，icon字体使用，组件）

1.在微信开发者工具中运行

1、配置小程序IDE相关路径
说明：只有配置了才能在微信小程序运开发者工具中运行成功

 

 2、开启小程序IDE服务端口的设置—>安全设置—>安全 （开启） 

 

3. 修改 manifest.json配置文件，添加自己的小程序AppId:

 

 4. 进入test项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，生成对应的微信小程序项目，即可在微信开发者工具里面体验了。

5. 运行的效果如下:

 

2. 组件 

1）基础组件，与微信小程序相同; 2）自定义组件，根据需要通过基础组件进行组合；
3）uni-ui，是DCloud提供的基于vue组件的、flex布局的、无dom的跨全端扩展ui框架；
4）插件市场，提供了更多扩展组件、模板，包括前端组件和原生扩展组件，具体见插件市场;

1. 基础组件

<view>
  <icon type="success" size="26"/>
  <button type="primary">页面主操作 Normal</button>
  <progress percent="20" show-info stroke-width="