npm 安装_微信小程序使用npm安装第三方库

最新推荐文章于 2024-03-31 00:24:14 发布
VIP文章 最新推荐文章于 2024-03-31 00:24:14 发布
阅读量617 收藏
点赞数
文章标签： npm 安装
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39710251/article/details/111282676
版权

嗨，大家好，我是小马丁

这是我的第48篇文章，感谢你的阅读.

从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300 或以上开始，小程序支持使用 npm 安装第三方包。此文档要求开发者们对 npm 有一定的了解，因此不会再去介绍 npm 的基本功能。如若之前未接触过 npm，请翻阅 官方 npm 文档  进行学习。 f1a6eba1acdeaae7daebedf308db9426.gif01npm init 
npm init  //初始化 package.json 文件

7a53e467c0d06f7b282f45f6051f582f.png

输入一些基本的信息，可以一直回车，按默认就可以，然后会生成一个package.json文件

f1a6eba1acdeaae7daebedf308db9426.gif02 安装第三方库

最低0.47元/天 解锁文章
weixin_39710251
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序NPM使用及第三方依赖安装详解
qq_20411471的博客
09-23 4568
一、NPM 1.1NPM介绍 首先我们介绍NPM的使用，NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用（安装第三方依赖过程，安装依赖就是从服务器下载使用别人写的第三方包）。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。 由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样
微信小程序云开发如何使用npm安装依赖
01-19
微信小程序开发教程描述的相当模糊，以至于我反复品读，多次尝试才悟出来该怎么在云开发中使用 npm 安装依赖。 首先强调一下，云开发中必须安装 wx-server-sdk 依赖， 而wx-server-sdk 依赖需要使用 npm 的。但由于部分开发过程可能不再需要其他的依赖，那么每次开发都要使用 npm 安装依赖是一件很麻烦的事情。微信为了简化云开发操作，提供了一键云端安装 wx-server-sdk 依赖，也就是在云端帮助我们搞定，不需要我们手动在本地使用 npm 安装，如下图： 如果某个自建的云函数需要使用 npm 安装第三方依赖，该怎么办呢？操作如下： 1. 右键云函数，选择“终端打开
微信小程序npm引入vant-weapp的踩坑记录
12-01
微信小程序项目使用npm安装vant-weapp的正确步骤  使用npm安装vant-weapp 到项目根目录下： npm i vant-weapp -S --production 然后再详情中选中使用npm模块，然后点击工具栏中的构建npm。本以为这样就可以安装成功了，结果 没有找到npm包 这让我纠结了一个早上。看了文档，琢磨了很久，最后研究出问题的关键。 第一步：使用cmd进入项目根目录：npm init 然后一直按回车 第二步：输入你要安装的文件（npm i vant-weapp -S --production ） 如果已经之前安装了vant-weapp的，就直接到工具栏中选中
微信小程序如何进行npm导入组件
最新发布
m0_72168336的博客
03-31 1611
微信小程序通过npm引入组件
微信小程序npm安装第三方包
baidu_41601299的博客
04-02 3916
由于我要使用微信小程序引用图标插件，就以AntV F2插件为例；AntV F2官网： https://antv.alipay.com/zh-cn...需要准备：微信开发工具（必须支持npm功能）; node.js安装； npm基础知识； 以下操作是node.js已经安装过了 ... 由于我要使用微信小程序引用图标插件，就以AntV F2插件为例； AntV F2官网：https://antv.a...
微信小程序使用npm教程
热门推荐
a_靖的博客
11-18 1万+
小程序使用npm 和发布npm 教程
微信小程序使用npm安装第三方包
起小点
04-28 4821
微信小程序使用npm安装第三方包 首先使用npm当然要安装node.js，下面开始正式步骤。 1.控制台进入到小程序的目录 2.进行项目的初始化,成功之后便会在小程序目录先生成package.josn文件 npm init 注意：初始化项目都可以按回车，之后可以进行修改 3.安装第三方依赖,npm-test002是我自己发布的一个测试 1 npm i npm-test002 ...
小程序踩坑1——vant weapp 组件安装
z987255676的博客
02-11 932
vant weapp 组件安装，vant weapp 组件安装构建npm失败
小程序引入vant-Weapp 安装详细步骤及问题解决
王燕欣的博客
01-21 4752
小程序引入vant-Weapp 本文不再赘述官网提供的安装步骤紧在安装之时遇见的问题进行梳理 此次开发不使用云开发服务 提示：以下是本篇文章正文内容，下面案例可供参考 一、创建小程序 提示：创建完成 提示：启动终端 二、官方网站安装链接 快速上手 提示：按照快速上手步骤进行安装，不在赘述 # 通过 npm 安装 npm i @vant/weapp -S --production //安装中..... //安装完成出现..... + @vant/[email protected] updated 1 packag.
【微信小程序】使用npm并引入vant-weapp组件库
RogerQianpeng的博客
12-06 607
vant文档与微信小程序文档写得弯弯绕绕，你引用我，我引用你，还给出了多种不同情况下的选项，甚至有步骤缺失，导致踩了一点小坑，浪费了一些没必要的时间，这里给出完整可行的实现方法，以供参考。首先，当然是先建一个微信小程序新建一个终端，执行，进行npm初始化，会生成一个package.json 此条在官方文档中未说明下载一下 此条官方文档给出了多条选择打开app.json，删除 此条官方文档在“注意”中说明了现在普遍使用的新版本配置方法屏幕最顶栏菜单，菜单-工具-构建npm 在app.json中引入具体组件，然
小程序引入第三方组件库，以vantweapp为例
weixin_43893844的博客
09-28 685
小程序引入第三方组件库，以vantweapp为例
微信小程序使用npm支持踩坑
01-03
最近写了个CNode 社区的微信小程序版本，把在微信小程序中使用npm包，踩的坑记录一下，希望能给遇到类似问题的小伙伴，提供一些思路和方向。 npm 支持 从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300...
微信小程序第三方平台api (es6版)
01-26
微信小程序第三方平台api for es6功能列表数据分析权限管理代码模板管理代码管理域名设置多媒体(图片)客服消息附近的位置开放平台小程序插件跳转二维码小程序二维码基本设置模板消息体验者设置获取用户信息快速创建...
在小程序开发中使用npm的方法
11-28
微信小程序在 2.2.1 版本后增加了对 npm 包加载的支持，使得小程序支持使用 npm 安装第三方包。 1. 在小程序中加载 npm 包 npm install miniprogram-datepicker --production node_modules可以 在小程序根目录下，...
微信小程序npm安装第三方库
兰君
10-20 539
最近在开发微信小程序，要提取录音的原始数据，查来查去微信小程序没有开放相关API，心里一凉，后来发现能用第三方包支持。于是开始给小程序安装第三方包，在该过程中采坑无数，特此记录下来，一方面是帮助有需要的朋友，再一个也是怕自己忘了： 官方步骤 1.1使用npm包 在小程序中执行命令安装 npm 包： 1.2点击开发者工具中的菜单栏：工具...
微信小程序npm安装，保姆级图文教程，步骤齐全
qq_66364610的博客
07-15 2793
Ps:项目名字不能有中文，如果有中文的话输入英文，然后一直回车看到看到Is this OK？如果没有中文同理一直回车就好。然后看到生成了一个package.json的文件。然后点击工具-->构建npm，即完成。
UI组件库的引用方式
Joy 的博客
04-08 1987
一、引入组件库： 引入官方组件库有两种方式，分别是：通过npm下载依赖项到本地，以及在 app.json 中设置 useExtendedLib: { "weui": true}。 后者引入的组件不会计入代码包大小。 Tips: 因为小程序的代码包有上限，目前总包是 20M，每个分包/主包大小不能超过 2M。简单理解就是主包在小程序启动的时候会默认加载启动，分包在需要的时候才会下载并加载，用来提升小程序初次加载速度。 但是实际在使用中，我们经常用到的 tabbar 组件（和其他组件），往往需要搭配图标使用
微信小程序使用npm包
qq_37776700的博客
12-20 1461
npm包
使用TypeScript编写微信小程序并引入第三方库的具体步骤是什么
04-06
1. 安装微信小程序开发者工具：在官网下载安装微信小程序开发者工具。 2. 创建新的小程序项目：在开发者工具中选择新建小程序项目，填写项目的名称、AppID、项目路径等信息，选择 TypeScript 作为开发语言。 3. 安装第三方库：在开发者工具中选择工具 -> 构建 npm，将第三方库安装到小程序项目中。例如，安装 lodash 库可以使用以下命令： ``` npm install lodash --save ``` 4. 配置 TypeScript 编译选项：在小程序项目根目录下创建 tsconfig.json 文件，配置 TypeScript 编译选项。例如，配置文件内容如下： ``` { "compilerOptions": { "module": "commonjs", "target": "es6", "sourceMap": true, "lib": [ "es6", "dom" ], "strict": true, "noImplicitAny": true, "esModuleInterop": true, "experimentalDecorators": true, "allowJs": true, "checkJs": true, "outDir": "dist" }, "exclude": [ "node_modules", "dist" ] } ``` 5. 在小程序代码中引入第三方库：在需要使用第三方库的页面或组件中，使用 import 语句引入库。例如，引入 lodash 库的方法如下： ``` import * as _ from 'lodash'; ``` 6. 使用第三方库：在代码中使用引入的第三方库。例如，使用 lodash 库的方法如下： ``` const array = [1, 2, 3, 4, 5]; const shuffled = _.shuffle(array); console.log(shuffled); ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值