小程序开发——使用npm插件(一)

环境:win x64 未使用过npm

cmd测试npm命令 结果:不是内部或外部命令,也不是可运行的程序

1、安装npm

node中自带npm,所以我们来安装node环境

下载地址:https://nodejs.org/en/

小程序开发——使用npm插件(一)

自己选择下载LTS或者Current版本,我选择了LTS;

区别:https://www.jianshu.com/p/014a14713dce  (我实在是懒得仔细看)

下载下来是msi的,打开安装

一路安装直到finish就可以了

测试是否安装成功 cmd中 node -v 及 npm -v

小程序开发——使用npm插件(一)

2、在小程序下构建npm

参考:https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html

 

cmd跳转到开发小程序的目录下

顺序执行  npm install ; npm init  ;npm i vant-weapp -S --production

小程序开发——使用npm插件(一)

npm init (一定要执行  一路回车下去就可以 ,也可以自己设置)

执行完成后目录下会多一个node_module,node_module里面会有vant-weapp

小程序开发——使用npm插件(一)

 

小程序开发——使用npm插件(一)

在开发者工具中构建npm

小程序开发——使用npm插件(一)

小程序开发——使用npm插件(一)

在本地设置中勾选 使用npm模块

小程序开发——使用npm插件(一)

构建完成后的开发工具目录中会有npm目录

小程序开发——使用npm插件(一)