微信小程序安装npm

最新推荐文章于 2025-05-31 14:07:03 发布

原创最新推荐文章于 2025-05-31 14:07:03 发布 · 968 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#npm #前端 #微信小程序

微信小程序专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何在微信小程序开发中使用npm安装依赖。首先确保已安装node.js，然后通过命令行初始化小程序项目并使用npminit和npminstall命令进行依赖管理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信开发工具（必须支持npm功能）;
node.js安装；
npm基础知识；
以下操作是node.js已经安装过了。
1、先建好小程序模版。

然后使用dos命令打开这个当前的文件夹。比如下图：

注意：dos命令打开的是小程序文件夹所放的路径。

2、初始化指令

如果是该文件夹第一次使用： 请先使用指令npm init(初始化指令);

3、安装

npm install

4、按照微信小程序扩展能力安装

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Queenqina

关注关注

4
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

微信小程序---npm 支持

m0_56769104的博客

07-12

2743

在实际的开发中，随着项目的功能越来越多、项目越来越复杂，文件目录也变的很繁琐，为了方便进行项目的开发，开发人员通常会对目录结构进行调整优化，例如：将小程序源码放到 miniprogram 目录下。但是在调整目录以后，我们按照上一小节Vant Weapp的构建流程进行构建，发现没有构建成功，并且弹出构建失败的弹框[错误提示翻译意思是] ：没有找到可以构建的 npm 包请确认需要参与构建的 npm 都在目录内配置的和进行构建默认构建npm自定义构建npm1、默认构建 npm。

微信小程序使用npm安装插件

于十三的欢喜堂

01-06

1030

npm是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题（node官网）大家根据需要自行安装首先我们假设你已经安装过了node.js。安装过node之后使用 **node -v** 命令查看node版本号若能查到，即为安装成功现在我们开始吧首先我们创建一个微信小程序项目在项目的根目录下打开终端，如果你使用了云开发的话，切记！切记！切记！要在miniprogram文件夹下打开终端！！！！！重要的事情说三遍（根据我的理解是app.json在哪个文件夹

参与评论您还未登录，请先登录后发表或查看评论

小程序使用npm包的方法

最新发布

u014642921的博客

05-31

834

npm init -y 这个命令很重要, 会初始化 package.json。包，npm构建后就会生成。

微信小程序 npm 安装 weui

daveswong的博客

06-09

417

npm 支持从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300 或以上开始，小程序支持使用 npm 安装第三方包。检查开发工具版本；小程序版本检查项目设置，设置调试基础库版本，顺便勾选 “使用 npm 模块”；没有 node.js 的需要先安装 node.js；Download | Node.js在小程序根目录（类似 C:\Users\User\WeChatProjec...

微信小程序npm包安装教程

weixin_34319374的博客

04-03

798

bash cd 到小程序根目录 npm init 生产package.json npm i xxxx -S -production build IDE->tools->build npm check Details->use NPM module 严格按照如上步骤

关于微信小程序安装npm的过程，从下载到小程序内部安装完成

m0_72190449的博客

11-13

5277

1.先从官网下载nodejs 网站为Node.js (nodejs.org)，选择左边第一个2 然后一直next，选默认就行选择自己喜欢的路径我的是D:\nodejs-v18.12.1 3 下载完成后，先在安装文件夹中新建两个文件夹 node_cache node_global 4 配置一下环境变量，如果不配置好就会导致微信微信小程序里面找不到路径的情况，打开控制面板->系统与安全->系统->高级系统设置->环境变量一共要配置三个地方一个是

微信小程序npm安装，保姆级图文教程，步骤齐全

qq_66364610的博客

07-15

7522

Ps:项目名字不能有中文，如果有中文的话输入英文，然后一直回车看到看到Is this OK？如果没有中文同理一直回车就好。然后看到生成了一个package.json的文件。然后点击工具-->构建npm，即完成。

微信小程序使用npm包的方法步骤

12-11

如果你的小程序项目没有安装过npm包的话，你需要先初始化npm npm init 二：安装npm包这里以vant-weapp(小程序UI组件库)为例： npm i vant-weapp -S --production 三：npm包构建 1：点击微信开发者工具右上角详情...

微信小程序demo：需要安装NPM依赖

03-15

安装项目NPM依赖$ npm ...由于微信小程序的每一个页面有特定的结构，新建工作比较繁琐。可以通过此任务减少操作。生产阶段执行如下命令 # 启动编译$ npm run build 生产阶段的代码会经过压缩处理，最终输出到dist下。

微信小程序使用npm支持踩坑

01-03

最近写了个CNode 社区的微信小程序版本，把在微信小程序中使用npm包，踩的坑记录一下，希望能给遇到类似问题的小伙伴，提供一些思路和方向。 npm 支持从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300...

微信小程序 npm weui包

09-26

微信小程序使用npm安装腾讯weui包分步骤完成安装，并在微信开发工具中设置NPM。

小程序 npm 使用

认真!

03-01

4439

微信小程序如何进行npm导入组件

m0_72168336的博客

03-31

4819

微信小程序通过npm引入组件

微信小程序使用npm安装三方包

Allen056的专栏

04-08

332

记录下微信小程序使用npm安装三方包，以vant-ui为例： 1、安装npm，配置环境变量 2、切换到小程序所在目录，执行 npm init -f 3、安装依赖包 npm i @vant/weapp -S --production 4、构建npm：微信小程序开发工具勾选使用npm模块，工具–>构建npm 5、引入组件：例： "usingComponents": { "van-button": "@vant/weapp/button/index" } 6、使用组件 <van-butt

微信小程序开发教程 #043 - 在小程序开发中使用 npm

weixin_30646315的博客

10-11

181

本文介绍了如何在微信小程序开发中使用 npm 中包的功能，大大提高微信小程序的开发效率，同时也是微信小程序系列教程的视频版更新。 微信小程序在发布之初没有对 npm 的支持功能，这也是目前很多前端开发人员在熟悉了 npm 生态环境后，对微信小程序诟病的地方。 微信小程序在 2.2.1 版本后增加了对 npm 包加载的支持，使得小程序支持使用 npm 安装第三方包。 微信小程序的功能更新最...

微信小程序安装vant组件库过程（利用node.js中的npm)

我们好像在哪见过

11-03

971

安装vant组件库的前提是要拥有一个node.js（npm在其中），下载完node.js之后，在微信小程序的项目文件中输入命令行安装即可

微信小程序安装npm记录

u013023845的博客

11-04

502

微信小程序开发工具提供了支持使用第三方控件的功能，比如Vant Weapp，Vant Weapp的文档上也说了，要使用第一步就是要安装npm,但是文档比较简单，看了还是不知道怎么做，下面记录一下我摸索的整个过程。 1.开始我们小程序是没有以下这些文件的，比如如下所示：红色方框标记出来的是原本没有的文件，通过CMD到小程序项目的文件夹目录，然后执行npm init，此时并不会创建package.json文件，这个时候我们一直敲击键盘enter键，会发现package.json文件已经..