通过 npm 下载的方式引入 WeUI

最新推荐文章于 2024-11-09 13:54:33 发布
最新推荐文章于 2024-11-09 13:54:33 发布
阅读量146 收藏
点赞数
分类专栏： 小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/crazycat2046/article/details/120138888
版权

该方式目前为止一堆问题。

https://github.com/wechat-miniprogram/weui-miniprogram/issues
在这里插入图片描述
该问题在这里
https://github.com/wechat-miniprogram/weui-miniprogram/issues/179
在这里插入图片描述

https://github.com/wechat-miniprogram/weui-miniprogram/issues/178
在这里插入图片描述

微信小程序npm导入weui
阿宁的博客
03-04 2169
1. 下载安装 node.js 没有node.js的先下载安装,至于什么是node.js自行查阅资料。 2. 进入管理员命令窗口 win10操作系统，安装好node.js之后， 按win+X ,选windows PowerShell(管理员)(A) 3. 进入到小程序项目的根目录下 找到要导入weui的小程序项目包所在的目录, ( 我的是D:\ProgramFiles\WeChatProjects\miniprogram项目名) 在 第二步打开的窗口中,输入 cd: D:\ProgramFi
微信小程序weui导入项目的各种坑
chduguxue的专栏
01-20 1万+
微信小程序使用weui，使用npm方法构建
微信小程序 npm weui包
09-26
微信小程序使用npm安装腾讯weui包 分步骤完成安装，并在微信开发工具中设置NPM。
微信小程序WeUI通过npm方式下载构建方法及示例
princess_Wuyou的博客
12-03 648
WeUI组件库 更新微信开发者工具 (因为更新后的开发者工具有自带的终端，会使npm构建方法变得简单) 1）在微信开发者工具终端输入 npm init 然后一直回车 2）回车完毕后输入 npm install weui-miniprogram 然后等待安装 安装成功后在微信开发者工具的上面点击工具下面的构建npm然后等待一会会弹出一个弹框显示构建成功，用了多少毫秒。这样就算构建成功 接下来点击右上角详情→本地设置选择使用npm模块 接下来开始使用 首先在app.wxss中导入WeUI样式 （ps:如
使用npm 引入WeUi组件
漫—流的博客
05-27 3671
文章目录一、引言1、WeUI组件：2、官方说明WeUI引入方式有两种：3、了解npm是神马：二、正文1、安装npm。到官网[https://nodejs.org/en/download/](https://nodejs.org/en/download/)下载安装包2、在项目详细中勾选Npm构建按钮3、点击项目结构栏的空白位置，鼠标右键，选择“在终端打开“4、输入 `npm init` 命令（相当于在这个目录初始化本地的代码库）。5、接下来安装npm的包了（下载WeUi框架），使用 `npm install
使用npm引入weui插件
cjkhhhh的博客
11-23 316
今天想使用npm引入weui插件，搜了好多都是错的，这里自己做了一下，应该是可以的方案，给大家分享一下。
微信小程序npm构建weui
weixin_46011182的博客
12-14 899
1、确定好安装了node.js 2、小程序项目根目录node init初始化，会出现package.json 3、安装npm i weui-miniprogram -S --production 出现node_modules文件夹 4、工具->构建npm，构建成功，出现miniprogram_npm文件夹 5、在app.wxss引入@import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss'; ...
在微信小程序项目中，怎么通过 useExtendedLib 扩展库 的方式引入WEUI组件库？
最新发布
02-19
好的，用户问的是在微信小程序项目中如何通过useExtendedLib扩展库的方式引入WEUI组件库。我需要先回忆一下微信小程序的文档相关内容。记得useExtendedLib是用于扩展库的配置，通常用于引入像kbone这样的库，但WEUI...
微信小程序初学记录---npm安装weui组件
helal的博客
12-16 3057
一、安装微信开发工具 二、新建项目 1、菜单》项目》新建项目 二、引入weui组件 1、我用的是npm安装 2、在项目根目录执行命令npm init，安装npm包，然后一直确定 3、然后再执行命令npm install --production 4、微信开发工具》工具》构建npm，若有提示 “没有找到可以构建的NPM包”，检查下npm 模块有没有打钩上 如果有打钩，...
小程序开发：WeUI用npm导入
千歌叹尽执夏的博客
07-31 2564
导入WeUI数据包（npm方法） WeUI 是由微信官方设计团队和小程序团队为微信小程序量身设计的小程序扩展组件库。在使用前需要导入WeUI组件库，这里用的主要是npm方法，十分简单有效。 导入成功后会有四个文件： 如果你导入一半失败的，需要将四个文件删除重新导入。 导入： 第一步，打开小程序项目。 打开项目终端 新建一个终端然后开始导入。在终端中输入 npm init 。 然后输入项目名，还会有很多可以设置的，如果不想设置可以直接点回车。 然后输入yes就可以生成我们需要的package.j
React - WeUI 的安装与使用 （webstorm 工具）
Wu_shuxuan的博客
12-14 3492
步骤一：npm init 初始化，创建 package.json 文件快速创建package.json的命令行 ： npm init -y 步骤二：在项目中安装react 和 react-dom命令行 ： npm install react react-dom --save-dev 步骤三：安装react-weui 和 weui 命令行：npm install weui@1.1.0 react-we
微信小程序weui的使用
田兴的博客
09-28 2063
小程序weui官网：https://developers.weixin.qq.com/miniprogram/dev/extended/weui/ 更多请看https://www.jianshu.com/p/ada94d3a3e86 方法一：npm导入WeUI（推荐） 1. 在项目根路径下开启终端 2. 执行 npm init 创建package.json (不想一个一个配置也可以执行npm init -y) 3. npm安装WeUi，执行cnpm install --save weui-miniprogr
微信小程序weui的使用(1)，web前端开发规范手册
2401_84097393的博客
04-06 936
一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。分享一些简单的前端面试题以及学习路线给大家，狂戳这里即可免费领取他解决问题的能力有多强。分享一些简单的前端面试题以及学习路线给大家，狂戳这里即可免费领取[外链图片转存中…(img-kvt4zv0a-1712341136793)]
微信小程序weui安装实战：NPM包最佳实践指南，快速构建UI组件库
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
11-09 650
微信小程序是一种轻量级的应用开发框架，它允许开发者在微信平台上构建原生体验的应用，而无需安装。在微信小程序开发过程中，为了实现丰富的用户界面和交互，常常需要引入第三方UI库，比如腾讯官方的WeUI。WeUI是微信官方设计团队为微信Web端量身打造的一套UI库，包含了一整套符合微信视觉规范的基础样式和组件。在微信小程序中，我们可以利用npm（Node Package Manager）来安装和管理这些第三方库。
小程序（二）使用npm安装weui
camellia的博客
09-26 1203
作为一个不专业的前端，在开发前端的时候我喜欢用一些UI库。HTML页面一般习惯用bootstarp，layui等。VUE项目一般习惯用iview，elementui等。 小程序自然也不例外，我这里使用的是官方推荐的weui组件库，但是如何将其引入项目，这是一个很值得深思的问题。 最终我还是选择了VUE一样的管理方式，使用npm。 Vue的脚手架默认就是支持npm的。但是小程序需要你手动安装。 当然，这部分官方文档是有介绍的，想看官方文档的同学，请移步《npm支持》 写这篇博客的原因就是，官方文档我看不懂，反
微信小程序用npm导入WeUI以及使用
weianl的博客
10-10 5407
首先进来的我相信都会用npm了，不会的滚出去度娘学习下。 配置package.json文件 我新建了个项目叫test，然后在项目目录栏上输入cmd回车键进入命令行 然后在命令行输入npm init回车键然后会提示输入项目名、作者等，一直按回车键就可以了，因为后期可以改的。 然后会提示确定，yes回车键 导包与构建 然后输入npm install --save weui-miniprogram...
WeU专为微信移动 Web应用设计的 UI 库。
weixin_30257433的博客
10-19 1474
WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库。 WeUI 是一套同微信原生视觉体验一致的基础样式库，为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。 使用 方法一： 使用bower进行安装 ? 1 bower...
用npm安装weUI、环境变量、cd
weixin_33860553的博客
09-30 1001
2019独角兽企业重金招聘Python工程师标准>>> ...
npm引入小程序官方WeUI组件库weui-miniprogram
热门推荐
一只小菜鸟的博客
09-04 2万+
1、在小程序根目录内，初始化npm npm init 2、执行命令安装 npm 包： npm install --save weui-miniprogram 3、安装完成后，在微信开发者工具中的菜单栏：工具 ------ 构建 npm ： 4、在微信开发者工具中的右上角：详情 ------ 本地设置， 勾选“使用 npm 模块”选项： 5、点击文档中的组件示例代码，开始ctrl C + ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值