小程序中如何使用npm

最新推荐文章于 2024-05-12 22:36:26 发布
最新推荐文章于 2024-05-12 22:36:26 发布
阅读量1.6k 收藏
点赞数
文章标签： npm 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44303631/article/details/89402013
版权

  • 在根目录打开cmd终端

  • 执行npm init -y（注意，我是电脑已经安装过npm了，所以直接初始化一下，如果没安装先安装）

  • 执行npm i qs

  • 回到微信开发者工具，点击右上角详情
    在这里插入图片描述
    在这里插入图片描述
    把这个勾选了

  • 点开左上角工具在这里插入图片描述

  • 选中构建npm

  • 完成

成功后会在目录中生成一个miniprogram_npm目录
在这里插入图片描述

  • 然后，就可以通过npm命令安装你所需要的插件等，比如weapp vant框架等
李壮士
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在小程序开发中使用npm的方法
10-17
下面将详细介绍如何在小程序中使用 npm 包，以及相关的注意事项。 首先，要在小程序中加载 npm 包，你需要在小程序的根目录或者子目录下执行 `npm install` 命令，例如 `npm install miniprogram-datepicker --...
微信小程序关于npm包的学习笔记
m0_64642443的博客
07-04 3095
微信小程序关于npm包的学习笔记
小程序 npm 使用
认真!
03-01 2544
在实际的开发中，随着项目的功能越来越多、项目越来越复杂，文件目录也变的很繁琐，为了方便进行项目的开发，开发人员通常会对目录结构进行调整优化，例如：将小程序源码放到 miniprogram 目录下。但是在调整目录以后，我们按照上一小节Vant Weapp的构建流程进行构建，发现没有构建成功，并且弹出构建失败的弹框[错误提示翻译意思是] ：没有找到可以构建的 npm 包请确认需要参与构建的 npm 都在目录内配置的和进行构建默认构建npm自定义构建npm默认构建 npm。
微信小程序 17：小程序使用 npm 包和组件应用
最新发布
饭一口口吃的博客
05-12 465
小程序 UI 框架的实用，以及解决小程序异步问题，使用 miniPromise 进行异步调用，完善小程序基本功能
微信小程序使用 npm 包，举例图文详解
zaq977684的博客
08-18 9758
微信小程序使用 npm 包，举例图文详解
微信小程序 -- npm 支持
每天都要努力学习哦~~
02-21 1847
在实际的开发中，随着项目的功能越来越多、项目越来越复杂，文件目录也变的很繁琐，为了方便进行项目的开发，开发人员通常会对目录结构进行调整优化，例如：将小程序源码放到 miniprogram 目录下。但是在调整目录以后，我们按照上一小节Vant Weapp的构建流程进行构建，发现没有构建成功，并且弹出构建失败的弹框[错误提示翻译意思是] ：没有找到可以构建的 npm 包请确认需要参与构建的 npm 都在目录内配置的和进行构建默认构建npm自定义构建npm默认构建 npm。
微信小程序使用npm引入三方包详解
蓑笠翁
08-21 5428
微信小程序引入vant组件，微信小程序使用npm引入三方包
微信小程序使用npm支持踩坑
10-17
小程序的构建打包有两种方式：对于小程序npm包，会直接拷贝所有文件到miniprogram_npm；而对于其他npm包，则仅打包入口js文件及其依赖。 在查阅了小程序文档后，作者发现需要手动处理moment的中文语言环境包。...
在小程序开发中使用 npm
03-29
微信小程序在 2.2.1 版本后增加了对 npm 包加载的支持，使得小程序支持使用 npm 安装第三方包。 1. 在小程序中加载 npm 包 npm install miniprogram-datepicker --production node_modules可以 在小程序根目录下，也...
微信小程序使用npm包的方法步骤
10-16
主要介绍了微信小程序使用npm包的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
微信小程序npm步骤
weixin_68658847的博客
03-24 1185
微信小程序npm步骤
【小程序 - 加强】自定义组件、使用npm包、全局数据共享、分包_05
青春木鱼的博客
10-03 2064
自定义组件、使用npm包、全局数据共享、分包
小程序使用npm
半梅芒果干的博客
08-17 602
执行该命令之后直接全部回车进行，成功后会在你的小程序端文件目录里生成一个package.json文件。打开微信开发者工具，点击 工具 -> 构建 npm，构建完成后，即可引入成功。tips: 如果构建提示没有npm的话，重新执行下 npm init 即可。4.使用非常简单，在需要的页面引用后使用即可。......
微信小程序-使用npm包
program_due的博客
07-08 916
API Promise 化，指的是通过额外的配置，将官方提供的、基于回调函数的异步 API，升级改造为基于Promise 的异步 API ，从而提高代码的可读性、维护性、避免回调地狱的问题。目前，小程序中已经支持使用npm 安装第三方包，从而来提高小程序的开发效率。①输入命令 npm i --save miniprogram-api-promise。工具 -> 构建npm -> 点击 详情 ->本地设置->勾选使用npm 模块。在 app.wxss 中，写入CSS变量，即可对全局生效。
微信小程序怎么构建npm？
qq_37805832的博客
09-04 6040
因为系统引入外部UI库时需要的。不然外部的UI库运行不起来.
微信小程序使用npm教程
热门推荐
a_靖的博客
11-18 1万+
小程序使用npm 和发布npm 教程
微信小程序使用npm包
huaweichenai的博客
08-12 2664
一：npm初始化 如果你的小程序项目没有安装过npm包的话，你需要先初始化npm npminit 二：安装npm包 这里以vant-weapp(小程序UI组件库)为例： npmivant-weapp-S--production 三：npm包构建 1：点击微信开发者工具右上角详情——>本地设置，选中使用npm模块 2：点击微信开发者工具菜单栏的工具，选择构建n...
微信小程序添加npm模块
qq_57985179的博客
08-30 4405
目录 1、阅读官方文档npm支持部分 2、搜索下载所需要的npm模块，此处我选择用Vant Weapp 3、若要决定使用npm模块，最好新建小程序之初就引入，避免后续出现冲突。现在简单新建一个小程序 5、若直接点击构建npm模块 6、此处应在桌面开启命令行工具 按步骤执行 --> cmd --> npm init ---> npm install ----> npm install vant-weapp --save --production、 打开cmd的方法一....
npm安装或者卸载qs模块
weixin_43923808的博客
10-17 2255
安装或者卸载qs模块
在taro小程序中使用npm install @amap/amap-wx --save报错
05-19
你在使用 Taro 小程序开发时，如果需要使用 npm 安装第三方库，则需要注意以下几点： 1. 确保 Taro 版本在 1.2.0 及以上，因为在这个版本之前，npm 包的引入方式与普通的 React 项目不同。 2. 确保项目中已经安装了对应的编译器，如使用微信小程序，则需要安装 `@tarojs/cli-plugin-wxapp`。 针对你的报错，你可以尝试以下几个方法： 1. 确保已经安装了 `@tarojs/cli-plugin-wxapp`，如果没有，请执行以下命令进行安装： ``` npm install @tarojs/cli-plugin-wxapp --save-dev ``` 2. 将 `@amap/amap-wx` 的版本降低到 `^1.4.0`，因为最新版本可能存在一些问题，执行以下命令进行安装： ``` npm install @amap/amap-wx@^1.4.0 --save ``` 3. 如果以上两个方法都无法解决问题，则可以尝试删除 `node_modules` 文件夹，重新执行 `npm install` 命令进行安装。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值