小程序 使用 npm 引入第三方组件

最新推荐文章于 2024-09-10 04:02:31 发布
最新推荐文章于 2024-09-10 04:02:31 发布
阅读量1k 收藏
点赞数 1
分类专栏： 小程序 文章标签： npm 小程序 node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xjh093/article/details/122841283
版权
这篇博客介绍了在Mac环境下，通过终端应用安装NPM，并在小程序工程中进行初始化、安装第三方组件的详细步骤。包括使用npminit创建项目，通过npm install安装组件，以及在小程序工程设置中启用npm模块，最后通过构建npm来完成准备过程。适合小程序开发者参考。
摘要由CSDN通过智能技术生成

环境

电脑：Mac
软件：使用 终端 应用先安装好 NPM，如何安装，请自行搜索~

步骤

1.打开终端，cd 到小程序工程的 根目录

2.使用命令：npm init

3.所有配置，可直接使用 默认的
请添加图片描述
所有需要填写的，都可以直接狂按 Enter 跳过
这里我填写了 author 项
最后输入 yes 即可！
请添加图片描述
4.安装第三方组件
npm install xxx

xxx 是第三方组件的名字

5.打开小程序工程
右上角：详情 -> 本地设置 -> 勾选 使用 npm 模块

6.菜单栏：工具 -> 点击 构建 npm

7.最后，参照第三方的使用指导

我的小程序

请添加图片描述

npm生态的第三方包管理策略
方方洛的博客
06-21 300
npm生态的第三方包管理策略
小程序--npm引入第三方组件
u012693479的博客
09-05 5300
官方对npm的使用介绍 https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html 可能会出现错误，没有node_modules,导致无法引入第三方UI等 具体正确操作应该是： 一：先新建一个小程序项目 # 在小程序项目的根目录下，按住Shift键点击鼠标右键，选择在在此次打开命令窗口，弹出cmd操作窗口，...
微信小程序开发中的第三方组件与插件使用
最新发布
master_chenchen的博客
09-10 1248
最后，不妨看看其他用户的评价和插件的更新频率，这能在一定程度上反映出插件的质量和开发者的态度。你可以把这里当作自己的家，无论是工作之余的小憩，还是寻找灵感的驿站，我都希望你能在这里找到属于你的那份快乐和满足。，这是一个基于 Vue.js 核心库的小程序开发框架，如果你熟悉Vue.js，那么使用mpvue将会非常得心应手，因为它允许你用Vue的方式来开发微信小程序。构建可持续发展的项目生态，为了确保你的小程序能够长期稳定运行，不仅要关注当前使用的组件和插件，还要考虑未来可能出现的变化。
小程序引入npm
qq_36162696的博客
01-07 567
为什么引入：小程序自带的api功能是有限的，在开发过程中可能会遇到各种各样的奇葩需求，为了达到功能的多样化，就连小程序也开始支持npm导入第三方的JS。 遇到的坑和解决方法： 1.npm install一下 首先在小程序里面新建个文件夹，以便区分。 接着在新建的other里面，进行 npm install 这里报了个错误，不存在package.json。这里注意下。这个文件并不是...
微信小程序如何进行npm导入组件
m0_72168336的博客
03-31 3546
微信小程序通过npm引入组件
vue组件，可以通过npm引用的组件
weixin_30443813的博客
03-02 236
本文章通过实现一个vue-dialog的弹出层组件，然后附加说明如果发布此包到npm，且能被其他项目使用。 功能说明 多层弹出时，只有一个背景层。 弹出层嵌入内部组件。 弹出层按钮支持回调 源码下载 实现 多层弹出时，只有一个背景层利用两个组件实现，一个背景层组件（只提供一个背景层，组件名：background.vue），一个弹出层内容管理组件（实现多个内容层的管理，...
第三方模块（NPM）
Hdmi764287459的博客
08-24 108
node的内置模块仅仅提供了一些基础的API，第三方模块是别人写好的，具有特定功能的模块，在使用的时候是需要下载的。包是基于内置模块（核心模块）封装出来的，提供了更高级的，更方便的API。​获取第三方模块： npmjs.com 全球最大的第三方模块仓库 （命令行工具、功能包……）1.下载第三方模块 npm命令 2.在需要使用的js中，引入。3.参考第三方模块的官方文档，进行使用。
如何在小程序之中利用npm使用第三方组件
weixin_38245489的博客
06-30 860
在编写小程序api测试工具-以linUI表示 LinUI参考文档 1.设置-项目设置-勾选使用npm模块 2.在根目录 npm init 3.npm install lin-ui 4.工具 -构建npm 接下来就可以像使用普通组件一样使用组件了 或者直接拷贝dist的内容，可以按需加载。 ...
小程序中使用第三方npm包
我们一起学前端
07-30 1457
1、在小程序的根目录中创建执行：npm init 2、工具—构建npm 3、在index.json或app.json中引入组件 { "usingComponents": { "titleArea": "/components/titleArea/titleArea", "van-button": "/miniprogram_npm/vant-weapp/button/index...
微信小程序-引入第三方组件库-Vant Weapp
耶斯莫鱼拉的博客
08-12 1935
微信小程序-引入第三方组件库-Vant Weapp
小程序之npm引入第三方UI
学习和工作总结，共勉！
12-06 5584
官方对npm的使用介绍 https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html 可能会出现错误，没有node_modules,导致无法引入第三方UI等 具体正确操作应该是： # 在终端打开项目，执行命令 npm init 这样就初始化的npm项目。 # 接下来生成package-lock.json，记录使用的第三方...
微信小程序使用npm支持踩坑
10-17
微信小程序从基础库版本2.2.1及以上和开发者工具1.02.1808300及以上开始，正式支持通过npm安装第三方库，这极大地扩展了小程序的功能性。然而，实际开发过程中，开发者可能会遇到各种“坑”。 在本文中，作者在开发...
钉钉小程序添加vant组件库
ck_xiao_hu的博客
09-06 2513
1.右击工程目录 选择在终端打开 npm i vant-weapp -S --production 2. npm init 3.安装vant 也是在终端运行 npm i @vant/weapp -S --production
钉钉小程序从搭建到引入地三方库到发布---企业内小程序
weixin_64761354的博客
08-11 4438
快速搭建钉钉小程序开发及发布到手机
微信小程序ts-scss版本引入vant和npm第三方注意事项
qq_57952018的博客
10-27 727
微信小程序ts版本使用npm和vant
vue cli 通过npm引入第三方js（jquery）
weixin_34106122的博客
10-26 1537
2019独角兽企业重金招聘Python工程师标准>>> ...
修改node_modules中安装的依赖（如第三方ui组件样式）并在下次安装时保留
hanchengmei的博客
12-06 1430
如何用保留在node_modules中的修改得内容
在小程序中用npm引入组件包
liugoayi的博客
06-11 647
进入小程序开发的根目录下，在cmd中先npm init,进行初始化操作，一直点enter，此时会根据小程序的配置在根目录生成一个package.json文件 在cmd中 npm install xxx(xxx代表引入的包名) 找到开发工具中"工具–构建npm" 在开发工具设置中勾选"使用npm模块" 在app.wxss中引入组件路径 最后就可以在页面的json文件引入组件并使用了 ...
百度小程序运行及上传
z_星河的博客
09-23 2044
解决百度小程序-发布提示先预览，预览后还是无法发布的问题以及运行项目报错的问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

豪冷啊

你的鼓励是对我的认可！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值