微信小程序使用扩展组件库WeUI的入门教程
1、接下来，需要进行配置。首先，打开微信小程序开发工具，点击顶部菜单【工具】【构建npm】，构建完成后会在项目根目录生成miniProgram_npm文件夹。接着，在小程序开发工具右上角点击【详情】【本地设置】，勾选上【使用npm模块】，并确保基准库选择最新的版本。
2、方式一：通过npm构建 构建npm：在开发者工具中，打开标题栏，选择“工具”并点击“构建npm”。引入样式：在app.wxss文件的第一行引入WeUI的样式，代码为@import./miniprogram_npm/weuiminiprogram/weuiwxss/dist/style/weui.wxss；。
3、构建成功之后，项目文件根目录会多出一个miniprogram_npm目录，这个就小程序构建npm所生成的目录。如下图所示：将weui的css样式引入全局css文件中，便于全局使用：/*引入weui库*/@import/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss；这样，就可以在全局使用weui的样式了。
开发微信小程序推荐什么前端框架?
在开发微信小程序时，推荐的前端框架包括WeUI、mpvue、wepy、MINA、Tina.js、weweb，以及推荐的组件库包括iView WeAPP和ZanUIWeApp。以下是这些框架和组件库的详细介绍：前端框架：WeUI：官方样式库，与微信原生视觉体验一致，提升用户在小程序内的使用体验的统一性。
**weweb** - weweb 是一个兼容小程序语法的前端框架，允许开发者使用小程序的写法来创建 web 应用，对于已有小程序的开发者，可以通过它在浏览器中运行小程序。
简介：渐进式框架，兼容MINA API，易于上手。特点：适合希望快速上手小程序开发或需要兼容MINA API的项目。GitHub地址：github.COM/tinajs/tinaweweb：简介：兼容小程序语法的前端框架，适用于web应用和小程序转换。特点：能够方便地将web应用转换为小程序，适合跨平台开发。
小程序云开发引入weui
方式一：通过npm构建 构建npm：在开发者工具中，打开标题栏，选择“工具”并点击“构建npm”。引入样式：在app.wxss文件的第一行引入WeUI的样式，代码为@import./miniprogram_npm/weuiminiprogram/weuiwxss/dist/style/weui.wxss；。
在微信小程序开发中，常见的UI框架/组件库有以下几种：WeUI小程序：简介：由微信官方设计团队出品，提供与微信原生体验一致的基础样式。特点：深受开发者喜爱，适合追求与微信原生界面一致性的项目。官方地址：weui.iompvue：简介：基于Vue.js的框架，为小程序开发引入了Vue.js的开发体验。
以下是9款优秀的开源小程序UI框架：TouchUI WX：特点：完全免费的微信小程序开发框架，包含丰富的UI控件，用于官方组件的补充，还能扩展小程序的其他能力。功能：组建扩充、功能扩充、开发体验改善、小程序转为H5应用等。linui：特点：简洁、易用、灵活的微信小程序组件库。功能：提供便捷的开发体验。
微信小程序(二)使用npm安装weui
二：配置微信开发者工具支持npm 这个很简单，如下图所示：勾选红框标注的使用npm模块：然后，点击菜单栏？工具-构建npm，将你刚刚使用npm安装的插件集成到项目中。如下图所示：构建成功之后，项目文件根目录会多出一个miniprogram_npm目录，这个就小程序构建npm所生成的目录。
初始化项目并安装 WeUI 初始化项目：确保已经安装了微信开发者工具并创建了一个小程序项目，然后在开发者工具中输入npm init y命令，初始化项目。安装 WeUI：使用npm install weuiminiprogram命令安装 WeUI 组件库。
探讨如何在微信小程序中使用npm包，以引入官方拓展组件库recycle-view为例。首先，在小程序根目录内执行初始化npm操作，这是关键步骤，往往被官方文档忽视，务必进行。接着，在小程序中执行命令，完成recycle-view的安装，这是npm包引入的关键步骤。
如果你还没有安装nodejs，请自行安装。安装完成后，在小程序项目的根目录执行`npm init`命令，这会生成一个package.json文件。然后，在项目根目录执行`npm install --save weui-miniprogram --production`命令，以安装WeUI组件库。接下来，需要进行配置。
