微信小程序npm导入weui

阿宁i

已于 2022-03-21 15:14:26 修改

阅读量2k

点赞数

文章标签：微信小程序 npm 小程序 weui

于 2022-03-04 17:59:52 首次发布

本文链接：https://blog.csdn.net/ningwb______/article/details/123281906

版权

本文详细介绍了如何在微信小程序项目中通过npm安装并引入weui库，包括安装node.js，打开管理员命令窗口，进入小程序项目目录，执行npm初始化和安装weui，设置微信小程序开发工具支持npm模块，最后在app.wxss中引入weui样式并参考官方文档进行开发。

摘要由CSDN通过智能技术生成

1. 下载安装 node.js

没有node.js的先下载安装,至于什么是node.js自行查阅资料。

2. 进入管理员命令窗口

win10操作系统，安装好node.js之后，

按win+X ,选windows PowerShell(管理员)(A)

3. 进入到小程序项目的根目录下

找到要导入weui的小程序项目包所在的目录,

( 我的是D:\ProgramFiles\WeChatProjects\miniprogram项目名)

在第二步打开的窗口中,输入 cd: D:\ProgramFiles\WeChatProjects\miniprogram项目名

PS C:\Users\Administrator> cd D:\ProgramFiles\WeChatProjects\小程序项目名

敲回车,就进入了到了小程序的根目录下了

4. 开始安装

输入代码 npm init ,并一直按enter,直到出现 ok(yes)等字样.

PS D:\ProgramFiles\WeChatProjects\projectDemo_1> npm init

Windows PowerShell
版权所有 (C) Microsoft Corporation。保留所有权利。

尝试新的跨平台 PowerShell https://aka.ms/pscore6

PS C:\Users\Administrator> cd D:\ProgramFiles\WeChatProjects\projectDemo_1
PS D:\ProgramFiles\WeChatProjects\projectDemo_1> npm init
This utility will walk you through creating a package.json file.
It only covers the most c