微信小程序引入第三组件（以row/col 组件为例）

1. 初始化npm：在小程序的根目录下npm init -f
2. 构建npm项目的配置文件：在小程序的根目录下npm install -production docxtemplater
3. 在开发者工具中勾选“使用npm模块”

   

4. 安装你需要的引入的组件：打开微信官方文档，找到你需要安装组件的命令，这里以row/col 组件为例，找到他的npm命令，在根目录终端输入

   npm i @miniprogram-component-plus/col --save
   npm i @miniprogram-component-plus/row --save

5. 在开发者工具中点击“构建npm”

   

6. 会在根目录出现miniprogram_npm文件

   

7. 在你要使用此组件的页面文件下的json中进行配置，例如

   {
     "usingComponents": {
       "mp-col": "@miniprogram-component-plus/col",
       "mp-row": "@miniprogram-component-plus/row"
     }
   }

大功告成～～～