作为一个非专业的前端，我喜欢在开发前端时使用一些UI库。HTML页面通常用于使用BootStarp，Layui等。VUEProject通常用于使用IView，Elementui，Elementui等。
小程序自然也不例外。我在这里使用官方的WEUI组件库，但是如何将其引入项目是一个非常值得的问题。
最后，我选择了相同的VUE管理方法，并使用了NPM。
Vue的脚手架默认值以支持NPM。但是该小程序要求您手动安装。
当然，引入了官方文件的这一部分。想要查看正式文件的学生，请移动“ NPM支持”
撰写此博客的原因是我无法理解官方文档。无论如何，我不知道文档如何使他们这样写。
一：打开小型程序项目
我参考小型程序项目的文件目录，如下图所示：
在当前目录中打开命令行窗口（CMD）。当然，我在这里参考Windows系统。
如下所示：
（1）：初始化NPM
命令行将允许您以交互形式填写某些项目的简介信息。
名称项目名称
版本项目版本号
描述项目的描述信息
输入点项目的输入文件
测试命令项目开始时的脚本命令
git存储库如果您有git地址，则可以将此项目放在git仓库中
关键字关键字
作者的作者是什么
发出许可项目时要求的许可证，通常忽略它
（2）：安装NPM
（3）：在项目root目录中创建NODE_MODULES空目录
（4）：输入刚刚创建的node_modules目录，在当前目录中打开CMD
（5）：NPM。安装第三党UI库的包装命令：我在这里安装了
执行成功后，您会发现要安装的第三张UI库的袋子已下载到Node_modules目录，如下图所示：
然后，您项目的目录文件如下图所示：
两个：配置微信开发人员工具以支持NPM
这很简单，如下图所示：由红色框标记的NPM模块：
然后，单击菜单栏工具 - >构造NPM以集成您只需在项目中使用NPM安装即可。
如下所示：
施工成功后，项目文件根目录将具有额外的微型图_NPM目录。
如下所示：
将WEUI的CSS样式介绍到全局CSS文件中，以供整体使用：
这样，我们可以在全球使用WEUI的风格。
最后，您可能需要注意：
每当您通过NPM安装第三方库时，请记住不要忘记重新构建（单击左上角工具 - >选择NPM）
这个非常重要。
如果您有好的建议，请在下面输入您的评论。
欢迎来到个人博客https://guanchao。
欢迎来到我的小程序：打开微信 - > Discover-> Application->搜索“时间”
原始：https：//juejin.cn/post/7101787674775650318