微信小程序weui的使用

2. 执行 npm init 创建package.json (不想一个一个配置也可以执行npm init -y)

3. npm安装WeUi，执行cnpm install --save weui-miniprogram

4. 然后点击工具选择构建npm

5. 然后会提示完成构建，目录会多了一个文件夹，这个文件夹放的就是我们要用的组件和css样式

6. 使用

在全局css文件app.wxss导入WeUI的样式，这样全部page可以用到了

@import ‘/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss’;

使用组件了，我用index来示范，在index.json写入组件名和路径，（注意路径不可以多些一个空格，末尾也不可以多写一个逗号，会报错）

“mp-checkbox”: “…/…/miniprogram_npm/weui-miniprogram/checkbox/checkbox”

checkbox就是我用来演示的单选框组件，要用其他组件的话打开miniprogram_npm文件夹下的weui-miniprogram文件夹，然后里边就是官方已有的组件，要用改一下名字和地址名就ojbk了。

然后在index.wxml中使用组件

效果：

结束！！！

方法二：下载导入方式

---

1.下载weui

进入GitHub https://github.com/weui/weui-wxss/进入如下页面，点击红色框选下载程序代码

解压后进入文件夹，图示路径下的weui.wxss就是我们所需要的weui库

2.引入weui

作者2013年从java开发，转做Android开发，在小厂待过，也去过华为，OPPO等大厂待过，18年四月份进了阿里一直到现在。

参与过不少面试，也当面试官 面试过很多人。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长，而且极易碰到天花板技术停滞不前！

我整理了一份阿里P7级别的最系统的Android开发主流技术，特别适合有3-5年以上经验的小伙伴深入学习提升。

主要包括阿里，以及字节跳动，腾讯，华为，小米，等一线互联网公司主流架构技术。如果你想深入系统学习Android开发，成为一名合格的高级工程师，可以收藏一下这些Android进阶技术选型

我搜集整理过这几年阿里，以及腾讯，字节跳动，华为，小米等公司的面试题，把面试的要求和技术点梳理成一份大而全的“ Android架构师”面试 Xmind（实际上比预期多花了不少精力），包含知识脉络 + 分支细节。

Java语言与原理；
大厂，小厂。Android面试先看你熟不熟悉Java语言

高级UI与自定义view；
自定义view，Android开发的基本功。

性能调优；
数据结构算法，设计模式。都是这里面的关键基础和重点需要熟练的。

NDK开发；
未来的方向，高薪必会。

前沿技术；
组件化，热升级，热修复，框架设计

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

我在搭建这些技术框架的时候，还整理了系统的高级进阶教程，会比自己碎片化学习效果强太多，CodeChina上可见；

当然，想要深入学习并掌握这些能力，并不简单。关于如何学习，做程序员这一行什么工作强度大家都懂，但是不管工作多忙，每周也要雷打不动的抽出 2 小时用来学习。

不出半年，你就能看出变化！
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
这一行什么工作强度大家都懂，但是不管工作多忙，每周也要雷打不动的抽出 2 小时用来学习。

不出半年，你就能看出变化！
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！