【微信小程序】小程序开发—node.js下载，npm配置以及组件使用

2024-04-16 11:04:56

目录

一、下载Node.js

二、微信开发者工具中安装Node.js

三、用Node.js中的npm安装vant组件

一、下载Node.js

1、官方下载地址：node.js官方下载地址

直接下载第一个就可以了。

也可以参考我的另一篇文章：https://blog.csdn.net/m0_56259342/article/details/122164029?spm=1001.2014.3001.5502

2、下载成功后直接按照提示安装即可，不用纠结下载的路径，只需要下载到到脑里面就可。

二、微信开发者工具中安装Node.js

3、下载成功后，打开微信开发工具的项目，点击miniprogram项目并在终端（cmd命令窗口）打开，打开后在命令行输入npm -v出现版本号即安装成功。

三、用Node.js中的npm安装vant组件

4.node.js安装成功后，命令行输入npm init进行vant组件安装操作

5、命令行出现该提示

6、并且项目文件中出现package.json进行下一步操作

7、完成以上操作后在命令行执行npm i @vant/weapp -S --production

8、项目出现文件node_modules即安装成功

9、最后点击微信开发工具
导航–>工具–>构建npm

在菜单中找到【详情】点击，【本地设置】中勾选上使用npm模块

使用方法也很简单
进入vant weapp想使用哪个，把相应的代码粘贴到项目中就可以了。

【微信小程序】小程序开发—node.js下载，npm配置以及组件使用相关推荐

Node.js 下载与安装教程
文章目录 Node.js 下载 Node.js 安装 npm 配置配置node_path 修改用户变量更换npm源为淘宝镜像全局安装基于淘宝源的cnpm Node.js 下载 1.进入nodej ...
在Visual Studio上开发Node.js程序
在Visual Studio上开发Node.js程序原文:在Visual Studio上开发Node.js程序 [题外话] 最近准备用Node.js做些东西,于是找找看能否有Visual Studi ...
在Visual Studio上开发Node.js程序(2)——远程调试及发布到Azure
[题外话] 上次介绍了VS上开发Node.js的插件Node.js Tools for Visual Studio(NTVS),其提供了非常方便的开发和调试功能,当然很多情况下由于平台限制等原因需要在 ...
JavaScript之后端Web服务器开发Node.JS基本模块学习篇
JavaScript之后端Web服务器开发Node.JS基本模块学习篇基本模块 fs文件系统模块 stream支持流模块 http crypto加密模块基本模块因为Node.js是运行在服务区端 ...
如何开发 Node.js Native Add-on？
简介: 来一起为 Node.js 的 add-on 生态做贡献吧~ 作者 | 吴成忠(昭朗) 这篇文章是由 Chengzhong Wu (@legendecas),Gabriel Schulhof ( ...
Node.js开发入门（一）——安装Node.js及编辑器配置
Node.js是一个轻松构建快速,可扩展的网络应用平台建立在Chrome的JavaScript运行.Node.js使用事件驱动,非阻塞I/O模型,使得它重量轻,高效,完美的数据密集型实时应用程序运行在 ...
零基础开发 Node.js Addons 插件：参数与返回值处理
上一篇回顾零基础开发 Node.js Addons 插件:Hello Node-API.本篇介绍使用 Node-API 为 Node.js 开发基于 C 的 Addons 时,如何接收与处理 Nod ...
Rust: 基于 napi-rs 开发 Node.js 原生模块
Rust: 基于 napi-rs 开发 Node.js 原生模块文章目录 Rust: 基于 napi-rs 开发 Node.js 原生模块完整代码示例背景 & napi 环境/工具链准备 ...
如何在Mac上安装Node.js和NPM
原作者:Dave McFarland 翻译转载:https://blog.teamtreehouse.com/install-node-js-npm-mac 如何在Mac上安装Node.js和NPM ...

最新文章

热门文章