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

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

第一步:

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

第二步:

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

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

第三步:

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

第四步:

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

第五步:

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

第六步:

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


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

你可能感兴趣的:(微信小程序开发之用npm方式安装第三方组件库)