关于在微信小程序中构建npm的方法

最新推荐文章于 2024-08-03 18:21:44 发布
最新推荐文章于 2024-08-03 18:21:44 发布
阅读量764 收藏 1
点赞数
文章标签： 微信小程序 npm 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44821064/article/details/131432683
版权

1 了解什么是npm？
看了遍博客，大致说的是npm就像是一个仓库，集中了别的软件打包好的库！优点就是需要下载第三方库的时候，不用到每个官网上去下载，只需要下载了npm，就可以在其中去调用第三方库！

2.为什么下载npm之前 要先安装好node.js呢？
由于历史原因，npm是嵌套在node.js中!  node.js是一种javascript的运行环境，能够使得javascript脱离浏览器运行！npm是干什么的?为什么要使用npm？（适合不太了解 npm 的新人阅读）

3.    node.js的安装

NodeJS的安装及环境配置

这里主要理解其中 环境变量的设置

4. 开始在微信小程序中构建npm

在小程序的当前页面中输入npm init -y  创建下图中蓝色圈圈的文件!

 按着网页中的步骤去下载vant weapp,需要以管理员权限去打开cmd       Vant Weapp

 

qq_44821064
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序-构建npm
New_user_的博客
02-23 769
在项目根目录中右击 - 点击【在外部终端窗口中打开】
小程序中npm及组件库的使用
A_fork的博客
06-16 836
在实际的开发中，随着项目的功能越来越多、项目越来越复杂，文件目录也变的很繁琐，为了方便进行项目的开发，开发人员通常会对目录结构进行调整优化，例如：将小程序源码放到 miniprogram 目录下。但是在调整目录以后，我们按照上一小节Vant Weapp的构建流程进行构建，发现没有构建成功，并且弹出构建失败的弹框[错误提示翻译意思是] ：没有找到可以构建的 npm 包请确认需要参与构建的 npm 都在目录内配置的和进行构建默认构建npm自定义构建npm默认构建 npm。
微信小程序怎么构建npm？
qq_37805832的博客
09-04 6058
因为系统引入外部UI库时需要的。不然外部的UI库运行不起来.
微信小程序无法构建npm包的问题
zxdznyy的博客
05-08 428
在小程序中，如果想用到外部ui组件库，需要构建npm包，这个是必须的，不可省略。
微信小程序——构建npm
m0_52163529的博客
03-21 847
在微信小程序中使用第三方包并构建npm的具体方法可以参考官方文档。npm 支持 | 微信开放文档微信开发者平台文档但是在开发过程中，我遇到了无法构建npm的方法，所以就暂时使用的笨方法，将转二维码的js文件直接导入utils文件夹中，然后引入的该方法。（详情见此次开发需要对一期代码进行优化，就需要解决这个问题，改用第三方包，避免前者可能会导致的一些问题，保证代码的安全性和稳定性。在查阅种种资料后，终于解决了。
微信小程序构建npm
coding...
02-04 503
3.打开工具，点击构建npm即可，先写到这，因为还有些坑这次没踩到，下次碰到到再补。
微信小程序构建npm失败解决方式
llssdshiyi的博客
02-29 1480
NPM packages not found. Please confirm npm packages which need to build are belong to `miniprogramRoot` directory. Or you may edit project.config.json's `packNpmManually` and `packNpmRelationList`没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，或配置
【微信小程序知识点】自定义构建npm
weixin_51781852的博客
07-12 395
（6）配置 project.config.json的setting.packNpmRelationList项，指定packageJsonPath和miniprogramNpmDistDir的位置。在实际开发中，随着项目的功能越来越多，项目越来越复杂，文件目录也变得很繁琐，为了方便进行项目的开发，开发人员通常会对目录结构进行优化调整，例如：将小程序源码放到miniprogram目录下。（2）在project.config.json中配置路径源码路径。miniprogram_npm包就出现在了指定的位置。
微信小程序中使用 npm 包
bocai_xiaodaidai的博客
03-31 2240
终端切换到小程序根目录，使用npm install安装你需要的npm包。小程序根目录下执行npm init，然后一直回车，会在根目录下生成package.json文件，当然你也可以手动创建package.json文件。使用前修改app.json文件，去掉"style": "v2"（这玩意可能影响一些npm包的正确渲染），在需要使用npm包的页面或者组件中，使用。确保你的小程序开发工具的版本号高于v1.02.1808300，因为这个版本之后的小程序开发工具已经支持使用npm包。语句引入需要的npm包。
微信小程序构建npm（js和ts）
苦夏木禾
06-01 2755
微信小程序构建npm（js和ts）
微信小程序使用npm包的方法步骤
10-16
主要介绍了微信小程序使用npm包的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
微信小程序使用npm支持踩坑
10-17
现在，让我们深入探讨在微信小程序中使用npm支持时可能遇到的问题以及解决方案。微信小程序从基础库版本2.2.1及以上和开发者工具1.02.1808300及以上开始，正式支持通过npm安装第三方库，这极大地扩展了小程序的功能...
在微信小程序中使用vant的方法
12-03
在微信小程序中集成Vant UI库，可以极大地提升小程序的界面设计和用户体验。Vant是一个轻量、模块化的移动端UI组件库，适用于Vue.js。在微信小程序中使用Vant UI，需要遵循特定的步骤，因为微信小程序本身并不直接...
基于微信小程序的宠物服务平台(系统源码+lw+部署文档+讲解等)
程序员阿龙的博客
08-03 377
目录结构一个小程序主体部分由三个文件组成，必须放在项目的根目录。小程序主体组成如表2-1。表2-1 小程序主体组成文件必需作用app.js是小程序逻辑app.json是小程序公共配置app.wxss否小程序公共样式表一个小程序页面由四个文件组成。小程序页面组成如表2-2。表2-2 小程序页面组成文件类型必需作用js是页面逻辑wxml是页面结构json否页面配置wxss否页面样式表框架整个小程序架构由两个部分组成：逻辑层和视图层。
从零开始写一个微信小程序
2301_79507619的博客
08-02 1339
下载并安装[微信开发者工具](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)。- 参考[微信小程序官方文档](https://developers.weixin.qq.com/miniprogram/dev/framework/)学习更多功能和组件。- 前往[微信公众平台](https://mp.weixin.qq.com/)注册一个小程序账号。- 在微信开发者工具中，点击“上传”按钮，上传代码。
微信小程序中Component中如何监听属性变化
最新发布
qq_42931285的博客
08-03 130
微信小程序中Component中如何监听属性变化
微信小程序实现聊天界面，发送功能
番茄Salad
07-24 2423
【代码】微信小程序实现聊天界面，发送功能。
Node.js(6)——npm软件包管理
m0_74386799的博客
08-03 309
npm是Node.js标准的软件包管理器。示例：初始状态下npm文件夹下只有server.js,下载软件包前看是否有package.json项目清单这个文件。没有就在集成终端运行npm init -y，自动生成。接着在下载软件包时npm i dayjs 出现错误。
微信小程序怎样使用npm
04-24
微信小程序使用 npm 包的话，需要满足以下条件： 1. 微信开发者工具的基础库版本需大于等于 2.2.3 ； 2. 在小程序项目根目录下创建一个名为 package.json 文件，用来管理 npm 包及其依赖； 3. 在开发者工具中勾选“使用 npm 模块”选项。 接下来，你可以通过以下步骤使用 npm 包： 1. 在 package.json 文件中添加要使用的 npm 包的名称； 2. 在开发者工具的菜单栏中选择“工具” > “构建 npm”； 3. 在小程序中引入 npm 包，方法与普通的 ES6 模块一致，例如： ```javascript const lodash = require('lodash'); ``` 注意：小程序的运行环境是基于微信客户端的 JavaScript 运行环境，因此，仅支持部分 ES6 特性，比如箭头函数、模板字符串、解构赋值等。如果要使用一些较新的 ES6 特性，需要使用 babel 编译库来将代码转换为支持的语法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值