在用HbuilderX开发小程序时，难免会引入非官方的第三方插件，官方插件安装比较简单，直接在插件市场找到需要的插件，选择使用HbuilderX导入插件即可。但是非官方插件需要借助node.js环境来安装。

swiper插件是非常成熟的插件，虽然HbuilderX插件市场也有不少替代的，但是毕竟swiper是专业的，优化也做的比较好，使用的也比较多。从swiper官方可以看到，能够下载的版本已经到8.X.X了，但是从个版本的比较图标来看，最新的停止更新 稳定版本6.8.4（swiper简介和swiper各版本兼容性 - Swiper中文网），那我们就使用此版本。

在HbuilderX中使用第三方插件首先需要安装内置终端，见下图。

内置插件安装完毕之后，找到项目中的components 文件夹，建议是在此文件夹下引入第三方插件。

选中components文件夹，点击右键，弹出菜单选择：使用命令行窗口打开所在目录

此时，在底部会弹出终端

在输入框位置，输入：npm install swpier@6.8.4，@后面的为版本号，也可以不指定，但是默认安装的是低版本，安装完毕还提示更新版本，不如直接指定版本号。

命令输入完毕，下部会有安装进度提示。之后所在文件会有swpier插件的文件。

最后在vue文件或者main.js中import，通过官方版本介绍，可以看到需要引入的文件如下（min为压缩版）

尤其是要注意项目文件夹层级，不然会引入错误。

至于引入之后具体使用，坑挖起来，至少我折腾了一个下午还没用起来，等待后续填坑。