Taro UI 是一套界面框架，先给项目安装一下 Taro UI .. 在项目下面执行一下 npm install taro-ui ，加上一个 --save ，把它保存在项目的依赖里面 ..

Taro UI 里面定义了一些组件 .. 这些组件需要的样式可以在小程序的全局范围导入进来 .. 在 src 下面，新建一个样式文件 .. 放在 assets .. styles 的下面，名字可以叫 app.scss ..

在这个 scss 文件里导入 Taro UI 的样式 .. @import .. ~taro-ui .. dist ，style 下面的 index.scss .. 波浪号相当于是 node_modules ..

然后打开应用的入口文件 .. app.js .. 在这个文件需要引入刚才创建的 scss .. 位置是当前目录下的 assets .. styles 下面的 app.scss ..

使用组件

再打开 pages .. index .. index.js .. 在文件里先要导入需要用的组件 .. 比如我要使用一个按钮组件 .. 导入一个 AtButton .. 它来自 taro-ui 这个包 ..

然后修改一下这个组件视图里用的这几个按钮组件 .. 可以把这个 Button 换成 AtButton .. 这个 AtButton 组件上有一些属性 .. 比如用一个 type 属性设置一下按钮的类型 .. 可以是 primary .. 表示主按钮 .. 也可以是 secondary ，次级别的按钮 ..

到模拟器上预览一下 .. 现在界面上的按钮 .. 就是 Taro UI 里的按钮组件 ..