时间:2021-05-18
一:npm初始化
如果你的小程序项目没有安装过npm包的话,你需要先初始化npm
npm init二:安装npm包
这里以vant-weapp(小程序UI组件库)为例:
npm i vant-weapp -S --production三:npm包构建
1:点击微信开发者工具右上角详情——>本地设置,选中使用npm模块
2:点击微信开发者工具菜单栏的工具,选择构建npm
当显示如下表示npm构建成功,构建完成就可以使用npm包了
npm包构建完成之后项目的结构如下:
四:使用npm
1:js中引入npm包
const myPackage = require('packageName')const packageOther = require('packageName/other')2:使用 npm 包中的自定义组件
在json文件的usingComponents参数加上:
{ "usingComponents": { "myPackage": "packageName", "package-other": "packageName/other" }}使用npm实例:
1:js中引入npm包:
此例使用js-base64包实现,在你需要使用此包的js文件中引入npm包
const jsBase64 = require('js-base64');使用:
console.log(jsBase64.Base64.encode("haha"));//编码console.log(jsBase64.Base64.decode("aGFoYQ=="));//解码2:使用 npm 包中的自定义组件
此例使用vant-weapp包实现,在app.json文件或者在指定页面的json文件中:
"usingComponents": {"van-button": "vant-weapp/button/index"}在wxml文件中使用:
<van-button type="primary">按钮</van-button>以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
采用微信组件的方式提供,因组件内部使用了async/await,所以请在微信开发者工具"详情=》本地设置勾上增强编译和使用npm",小程序npm使用方法请参考:
以下是使用微盛提供在小程序内创建门店流程及注意事项,帮助各位轻松开店。工具/原料微信小程序微盛微商城方法/步骤一、登陆微信公众平台,进入你的小程序管理后台。(h
【怎么做微信小程序】如何制作自己的微信小程序?制作简单的微信程序开发周期有多长?制作微信小程序要花多少钱?如何使用Python开发微信小程序?如何通过微信小
拼多多解除微信步骤如下: 1、手机打开微信进入“发现”这个界面; 2、在微信发现的界面找到“小程序”并进入; 3、在微信小程序界面找到“拼多多”小程序;
微信小程序怎么赚钱?微信小程序赚钱的方法是什么?微信小程序上线以来,越来越多的人在做微信小程序了,大部分的人在利用微信小程序赚钱,那么微信小程序怎么赚钱呢?