一. 开始前

请先阅读微信小程序官方文档：自定义组件、npm 支持

二. 操作步骤

新建一个小程序项目，并在项目中创建“miniprogram”文件夹（文件目录名和红色框名一致）

image.png
到终端cd到项目miniprogram目录；
输入如下命令后，一直回车；

npm init

输入如下命令：

npm install --production

输入如下命令，引入第三方组件，以wux-weapp为例：

npm i wux-weapp -S --production

3~5步完整的命令：

image.png

小程序编辑工具内构建npm：工具 -- 构建npm
在小程序详情中勾选“使用npm模块”

image.png

小程序学习笔记-引入第三方UI
小程序使用npm引入第三方UI，经常出现错误，没有node_modules,导致无法引入第三方UI等正确操作应该...
小程序npm引入第三方UI库
一. 开始前请先阅读微信小程序官方文档：自定义组件、npm 支持二. 操作步骤新建一个小程序项目，并在项目中...
Vue 学习
vue-cli 安装以后，希望引入iview或者element-ui等第三方ui库，在项目目录下 npm inst...
小程序使用第三方UI组件库(mpvue开发模式)
注：该方法为通过mpvue构建的小程序使用第三方UI组件方法一、安装第三方UI 库具体UI库的方法请参考UI开...
18.微信小程序使用npm包步骤
这里以npm引入小程序官方拓展组件库recycle-view为例【特别重要】1.在小程序根目录内，初始化npm（...
小程序为什么要构建npm？
开发小程序，使用npm导入外部库的注意事项问题一：什么时候需要构建npm？引用外部UI组件，需要“构建npm”...
微信小程序支持使用 npm 安装第三方包
npm 支持从小程序基础库版本 2.2.1 开始，小程序支持使用 npm 安装第三方包。最新开发者工具已支持，...
vue 按钮防止重复点击
第三方函数工具库：lodash安装： npm i lodash引入：import _ from ‘lodash’ ...
小程序的npm
npm 小程序可以通过require/export/module 引入npm的包而且支持在小程序的目录上面npm ...
微信小程序基础知识总结
wepy+vant 微信小程序开发总结前言本次小程序开发选择使用 wepy作为小程序第三方框架，在UI组件库方...