微信小程序开发之用npm方式安装第三方组件库

在小程序开发时使用第三方组件库,因为第一次使用npm,遭遇挫折,所以写个文档,记录一下正确的操作顺序。

第一步:

在开发者工具的项目设置中,将使用npm模块勾选上。

第二步:

在小程序根目录(或根目录下的某个子目录)打开命令行。

小程序根目录是project.config.json文件中miniprogramRoot定义的目录

第三步:

用命令行执行如下命令:
npm init
各种信息均使用默认值,一路回车即可。

第四步:

用命令行执行如下命令:
npm install --production

第五步:

用命令行执行第三方组件库的安装命令,以vant-weapp为例,如下:
npm i vant-weapp -S --production

第六步:

在开发者工具中点击工具 > 构建npm


待出现完成构建提示即可。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容