微信小程序> 【微信小程序】使用npm包傻瓜式教程

【微信小程序】使用npm包傻瓜式教程

浏览量:745 时间: 来源:周小生网易云音乐

前提电脑已经安装了npm,如果没有安装请自行百度安装方式吧。

 

1.新建一个项目

2.打开项目中的一个文件夹,在磁盘中打开

3.在打开的项目目录中新建一个 miniprogram_npm 文件夹

4.然后回到微信开发工具,待刷新后点击刚才新建的文件目录 单击右键 选择在终端中打开。

 

5.打开后在命令行里  输入   npm init  回车。

然后提示构建package.json文件,根据自己的需求逐一填写,如果不需要,可以一直  回车即可。

最后输入  yes  构建 package.json完成。

6.此时即可 构建 npm包,根据自己的需求 ,在命令行里输入  回车(安装方式可以查看自己所使用的包,一般github,或者开源项目会有安装npm方式,复制即可) 列如:npm install xxxxx.js,我以使用Vant Weapp 控件为例,

npm i vant-weapp -S --production  回车

 

 

 

 

 

 

7.安装完毕后,回到微信开发者工具,待刷新后,点击右上角的  详情  按钮,在弹出菜单中勾选 使用构建 npm。

 

8.点击  工具  构建npm 。

 

 

 

构建完成后即可在项目中使用。在相应  js  中使用 引入即可。

 

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎