微信小程序构建npm

最新推荐文章于 2024-07-12 10:47:27 发布
最新推荐文章于 2024-07-12 10:47:27 发布
阅读量235 收藏
点赞数
文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40868491/article/details/114295677
版权
本文介绍了微信小程序的npm构建过程，包括安装node.js，使用npm初始化项目，安装vant-weapp库，通过微信开发者工具构建npm，并启用npm模块的详细步骤。
摘要由CSDN通过智能技术生成

微信小程序学习记录

微信小程序构建npm

  1. 首先得安装有node.js(https://nodejs.org/en/),可以参考一下https://www.cnblogs.com/jianguo221/p/11487532.html

  2. 在新建的小程序根目录下进入cmd终端
    在这里插入图片描述

  3. 输入npm init。然后所有配置都按默认配置进行，只需点击回车键即可。当提示“Is this OK？”时，点击回车即可。
    在这里插入图片描述

  4. 完成后再次输入npm install，项目中会生成一个package.json文件，在node.js中我们创建的一个模块化的架构，这个文件就是描述这个模块的文件。

在这里插入图片描述

最低0.47元/天 解锁文章
苦海无涯~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序-使用npm包
program_due的博客
07-08 969
API Promise 化，指的是通过额外的配置，将官方提供的、基于回调函数的异步 API，升级改造为基于Promise 的异步 API ，从而提高代码的可读性、维护性、避免回调地狱的问题。目前，小程序中已经支持使用npm 安装第三方包，从而来提高小程序的开发效率。①输入命令 npm i --save miniprogram-api-promise。工具 -> 构建npm -> 点击 详情 ->本地设置->勾选使用npm 模块。在 app.wxss 中，写入CSS变量，即可对全局生效。
微信小程序构建NPM
我是写BUG的博客
10-19 364
【代码】微信小程序构建NPM。
微信小程序开发教程 #043 - 在小程序开发中使用 npm
weixin_30646315的博客
10-11 128
本文介绍了如何在微信小程序开发中使用 npm 中包的功能，大大提高微信小程序的开发效率，同时也是微信小程序系列教程的视频版更新。 微信小程序在发布之初没有对 npm 的支持功能，这也是目前很多前端开发人员在熟悉了 npm 生态环境后，对微信小程序诟病的地方。 微信小程序在 2.2.1 版本后增加了对 npm 包加载的支持，使得小程序支持使用 npm 安装第三方包。 微信小程序的功能更新最...
微信小程序---npm 支持
最新发布
m0_56769104的博客
07-12 978
在实际的开发中，随着项目的功能越来越多、项目越来越复杂，文件目录也变的很繁琐，为了方便进行项目的开发，开发人员通常会对目录结构进行调整优化，例如：将小程序源码放到 miniprogram 目录下。但是在调整目录以后，我们按照上一小节Vant Weapp的构建流程进行构建，发现没有构建成功，并且弹出构建失败的弹框[错误提示翻译意思是] ：没有找到可以构建的 npm 包请确认需要参与构建的 npm 都在目录内配置的和进行构建默认构建npm自定义构建npm1、默认构建 npm。
小程序 npm 使用
认真!
03-01 3032
在实际的开发中，随着项目的功能越来越多、项目越来越复杂，文件目录也变的很繁琐，为了方便进行项目的开发，开发人员通常会对目录结构进行调整优化，例如：将小程序源码放到 miniprogram 目录下。但是在调整目录以后，我们按照上一小节Vant Weapp的构建流程进行构建，发现没有构建成功，并且弹出构建失败的弹框[错误提示翻译意思是] ：没有找到可以构建的 npm 包请确认需要参与构建的 npm 都在目录内配置的和进行构建默认构建npm自定义构建npm默认构建 npm。
小程序使用npm
lxp997的博客
02-21 758
  小程序第一次使用npm在需要的目录里面使用npm init 命令,然后确认就好了. 想引入哪一个npm包时，直接npm install （包名称） --production就可以       在所需要使用组件的json 文件下: "usingComponents": { "slide-view": "miniprogram-slide-view" } 然后 <...
微信小程序使用npm包的方法步骤
10-16
主要介绍了微信小程序使用npm包的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
小程序 - 使用npm
m0_50125215的博客
09-04 398
小程序目前不支持直接引入 node_modules , 开发者需要使用到 node_modules 时候建议拷贝出相关的代码到小程序的目录中，或者使用小程序支持的 npm 功能。 示例： 使用npm，安装一个依赖并使用 # 初始化 $ npm init -y # 安装 mime 模块 $ npm install dayjs // 导入失败！ import dayjs from 'dayjs'; 小程序默认不支持 npm 的模块，必须经过小程序工具构建后才可以使用，如下图所示： ​ 这时工.
小程序npm构建
cxb_96的博客
11-24 165
1.第一步 2.第二步：打开终端输入：npm init 第三步：输入：npm i miniprogram-sm-crypto --production 第四步：打开工具，点击里面的构建npm，然后就可以了
在小程序开发中使用npm的方法
11-28
微信小程序在 2.2.1 版本后增加了对 npm 包加载的支持，使得小程序支持使用 npm 安装第三方包。 1. 在小程序中加载 npm 包 npm install miniprogram-datepicker --production node_modules可以 在小程序根目录下，也可以存在于小程序根目录下的各个子目录中。但是不可以 在小程序根目录外。使用–production选项，可以减少安装一些业务无关的 npm 包，从而减少整个小程序包的大小。 2. 构建 npm 包 在微信小程序开发工具的「工具」菜单下点击「构建 npm」命令，进行 npm 包的构建，此构建可以将 npm 包构建
微信小程序 npm weui包
09-26
微信小程序使用npm安装腾讯weui包 分步骤完成安装，并在微信开发工具中设置NPM。
微信小程序 使用npm
sinat_33384251的博客
11-10 119
项目根目录 npm install # 自动创建了 package.json #微信小程序。 工具--构建npm 这一步完成之后你会看到跟node_modules同级多了一个文件夹 miniporgram_npm
小程序加载npm
Yofreg的博客
07-24 210
1.在app.js同级文件夹下,打开dos命令行,输入npm init进行初始化,后输入对应信息,最后回车成功会成功package.json文件,里面包含相应信息 2.输入npm install --save (需要安装的组件)执行安装,如 npm install --save miniprogram-recycle-view 3.在小程序菜单栏打开工具,构建npm完成构建 4.在对应需要使用的json文件配置即可,如 { "usingComponents": { "recycle
微信小程序 npm使用
棉裤开档的博客
06-20 340
cd 进入根 项目根目录下 1、第一步npm init 2、第二步：npm install --production 3、第三步： npm i vant-weapp -S --production
微信开发者工具 构建npm包
路虽远行则将至，事虽难做则必成。
02-16 2608
这几天在学习小程序的时候发现微信开发者工具构建npm包失败，在这里记录一下解决方案首先明白package.json与package-lock.json有什么区别，怎么构建和有什么用微信开发者版本更新原因没有miniprogram文件目录，和本地npm包构建选项（新版本不用选找不到）微信开发者工具也会有很多bug，会编译出错，所以会使用Hb开发原因package.json与package-lock.json区别vue的package.json与package-lock.json有什么区别？
小程序中使用npm包
weixin_44679078的博客
03-16 449
1.初始化 package.json npm init 执行后询问的初始化信息可以一直回车使用默认的就行，或者直接使用npm init -y命令 2.勾选允许使用npm 3.下载npm包 npm install 包名 例如 pubsub-js包 ，可以实现页面与页面之间的通信。它是通过自定义事件（订阅与发布）的方式进行的。引入包：import PubSub from 'pubsub-js'，订阅方：PubSub.subscribe(事件名，事件回调)，发布方：PubSub.publish(事件名，提供
微信小程序安装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、付费专栏及课程。

余额充值