微信小程序开发npm安装第三方包

最新推荐文章于 2024-05-31 11:26:57 发布
最新推荐文章于 2024-05-31 11:26:57 发布
阅读量759 收藏 1
点赞数 1
分类专栏： 小程序开发 前端 文章标签： npm 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43736435/article/details/109160710
版权
本文介绍了如何在微信小程序项目中使用npm安装和集成第三方库，如antv/wx-f2，包括初始化项目、npm安装、配置本地开发详情、构建npm及在json文件中引入组件的步骤。
摘要由CSDN通过智能技术生成
1、初始化项目，在小程序根目录下执行
npm init
2、npm安装第三方库，例如 antv/wx-f2
npm install @antv/wx-f2 --save
3、在开发详情的本地配置中勾选使用npm模块

在这里插入图片描述

4、在工具栏中选择构建npm，完成构建后点击确定

在这里插入图片描述

5、使用第三方包；打开json文件，引入组件
{
   
  "usingComponents"
最低0.47元/天 解锁文章
onpine
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
php composer 微信,微信开发composer包，包含微信支付开发等
weixin_29025911的博客
04-05 1274
关于此开发包此composer包主要是集成关于微信的一些常用开发如：微信公众号二次开发，微信支付，微信手机web的分享等。由于包含众多功能现只上传了微信手机web的分享。后期会持续跟进和更新。您在用此包时已默认您已会并成功配置了相关公众号信息且会使用composer安装命令composer require doing/wechat 版本号此包只能集成于ThinkPHP5里面：原因是使用了它的缓存机...
小程序使用 f2 总结
晓枫
12-05 2215
使用 npm 模块 在小程序根目录中 npm init 初始化 npm install @antv/f2-canvas 加载模块 在微信开发者工具中 菜单栏>工具>构建npm （要先加载模块然后再构建） 在要使用图表的页面 .json中的usingComponents 下添加 "ff-canvas": "@antv/f2-canvas" ...
Unhandled promise rejection Error: Minified React error #321； visit https://reactjs.org/docs/error-d
qq_46149597的博客
03-31 1594
use开头的钩子函数，必须写在函数外部。要将hook写在函数外部。
微信小程序 npm构建+vant-weaap安装
最新发布
Z_Wonderful的博客
05-31 759
微信小程序：工具-npm构建-vant-weaap安装步骤
解决BUG:微信小程序vant引入报错[“usingComponents“][“van-search“]: “@vant/weapp/search/index“ 未找到
热门推荐
weixin_45752941的博客
02-04 1万+
[ miniprogram/pages/index/index.json 文件内容错误] miniprogram/pages/index/index.json: ["usingComponents"]["van-search"]: "@vant/weapp/search/index" 未找到。
usingcomponents 未找到
All____的博客
02-09 5099
解决方法["usingComponents"]["u-button"] 未找到？ | 微信开放社区
npm 安装_微信小程序使用npm安装第三方库
weixin_39710251的博客
12-05 628
嗨，大家好，我是小马丁这是我的第48篇文章，感谢你的阅读.从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300 或以上开始，小程序支持使用 npm 安装第三方包。此文档要求开发者们对 npm 有一定的了解，因此不会再去介绍 npm 的基本功能。如若之前未接触过 npm，请翻阅官方 npm 文档进行学习。01npm initnpm init //初始化 pa...
微信小程序使用npm支持踩坑
01-03
最近写了个CNode 社区的微信小程序版本，把在微信小程序中使用npm包，踩的坑记录一下，希望能给遇到类似问题的小伙伴，提供一些思路和方向。 npm 支持 从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300...
在小程序开发中使用npm的方法
11-28
微信小程序在 2.2.1 版本后增加了对 npm 包加载的支持，使得小程序支持使用 npm 安装第三方包。 1. 在小程序中加载 npm 包 npm install miniprogram-datepicker --production node_modules可以 在小程序根目录下，...
在小程序开发中使用 npm
03-29
微信小程序在 2.2.1 版本后增加了对 npm 包加载的支持，使得小程序支持使用 npm 安装第三方包。 1. 在小程序中加载 npm 包 npm install miniprogram-datepicker --production node_modules可以 在小程序根目录下，也...
F2 的微信小程序
01-20
为了方便使用，我们封装了微信小程序的自定义组件，故需要微信小程序支持使用 npm 安装第三包。重要：版本要求 小程序基础库版本 2.7.0 或以上 开发者工具 1.02.1808300 或以上开始，小程序支持使用 npm 安装第三...
认识npm和第三方库
yizhiyang
12-01 1607
认识npm和第三方库的使用
小程序如何使用wx-f2
qinnzheng
10-13 497
1、首先我们需要npm安装@antv/wx-f2 npm install @antv/wx-f2 --save 2、在需要使用的页面或组件的json文件中，引入第三方组件 { "usingComponents": { "f2": "@antv/wx-f2" } } 3、在wxml中使用组件 <view class="container"> <f2 class="f2-chart" onInit="{{onInitChart}}" /> </view&gt
前端开发技术栈（工具篇）：详细介绍npm、pnpm和cnpm分别是什么，使用方法以及之间有哪些关系
SteveRocket's-Blog
10-24 3039
npm、pnpm和cnpm都是用来管理项目的依赖包的工具，它们各自有自己的特点和使用场景。根据项目的需求和网络环境，选择合适的工具可以提高开发效率和体验。NPM和PNPM都是很好的JavaScript包管理器，它们可以帮助你管理你的项目依赖项。使用这些命令，你可以安装、升级、卸载和查看已安装的依赖项。无论你选择哪个包管理器，都可以使你的项目更易于维护和管理。cnpm是一个针对中国用户的npm镜像源，它可以提供更快的下载速度和一些额外的功能。安装和使用cnpm非常简单，只需将`npm`替换
@antv/wx-f2 在微信小程序失效
Robert_jackson的博客
03-17 602
关于wx-f2 github官方README实例失效 原因： 微信小程序传参不支持传 {Function} 解决： 改造源码，@antv/wx-f2/index.js 16970行 properties:{ opts: { type: Object, value: {} } } 17000行 const
关于微信小程序安装npm的过程，从下载到小程序内部安装完成
m0_72190449的博客
11-13 4312
1.先从官网下载nodejs 网站为Node.js (nodejs.org)，选择左边第一个2 然后一直next，选默认就行 选择自己喜欢的路径我的是D:\nodejs-v18.12.1 3 下载完成后，先在安装文件夹中新建两个文件夹 node_cache node_global 4 配置一下环境变量，如果不配置好就会导致微信微信小程序里面找不到路径的情况，打开控制面板->系统与安全->系统->高级系统设置->环境变量 一共要配置三个地方 一个是
微信小程序使用 npm 包，举例图文详解
zaq977684的博客
08-18 9787
微信小程序使用 npm 包，举例图文详解
微信小程序安装npm
10-17
微信小程序安装npm的步骤如下： 1. 在小程序项目根目录下打开命令行工具，输入命令：`npm init`，生成 package.json 文件。 2. 安装需要的 npm 包，例如：`npm install moment --save`，安装 moment.js 库。 3. 在小程序开发工具中，点击菜单栏的“工具”-“构建 npm”，构建完成后即可在小程序中使用 npm 包。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值