1.先从官网下载nodejs 网站为Node.js (nodejs.org),选择左边第一个2 然后一直next,选默认就行 选择自己喜欢的路径我的是D:\nodejs-v18.12.1

3 下载完成后,先在安装文件夹中新建两个文件夹

node_cache

node_global

4 配置一下环境变量,如果不配置好就会导致微信微信小程序里面找不到路径的情况,打开控制面板->系统与安全->系统->高级系统设置->环境变量

一共要配置三个地方

一个是用户的环境变量,要新建一个NODE_PATH,变量值是你安装的路径

另外两个在系统变量中的Path中,打开Path,新建以下两个路径(记得改自己的路径,不要复制粘贴我的)

D:\nodejs-v18.12.1\node_global

D:\nodejs-v18.12.1\node_modules

确定,离开

5 进入微信小程序(第一次进入最好使用管理员),点击miniprogram 打开调试器的终端,输入 npm -v node -v,显示出来版本,如果没有显示出来版本号,原因就是你环境没有配置好,新建的路径看看和你文件的路径有没有对的上,文件夹有没有创建等。

再输入npm init -y

输入npm i @vant/weapp@1.3.3 -S --production

@1.3.3是版本号,你想要哪个版本就@什么版本,我的是1.3.3,成功后会显示我图上的内容

并且左边会出现一个文件夹,名字默认是node_modules

6 点击左上角,工具构建npm(不需要在详情那里点击构建npm,因为现在的版本是默认开启的)

 7 这时候可能会弹出一个错误消息,没有找到构建的NPM包,详情如同

这时候需要我们在project.config.json文件里面的setting加上

"packNpmManually": true,

"packNpmRelationList": [

{

"packageJsonPath": "./package.json",

"miniprogramNpmDistDir": "./miniprogram/"

}

]

然后保存编译,成功!!!!

关于微信小程序安装npm的过程,从下载到小程序内部安装完成相关推荐

  1. # Windows下关于安装Geany编辑器过程中的一点小发现(可能对初次安装的人有用)

    首先,我们在安装geany的过程中需要先搜索进入geany的官网 http://geany.org/ 进入之后我们需要找到我们需要的版本(此处默认以最新版为例) 先从菜单栏处的Download进入Re ...

  2. c语言中 程序各步作用,c程序的上机执行过程_上机运行C程序的步骤与方法

    描述 C语言是在国内外广泛使用的一种计算机语言.C语言功能丰富.表达能力强.使用灵活方便.应用面广.目标程序效率高.可移植性好,既具有高级语言的优点,又具有低级语言的许多特点,因此特别适合于编写软件. ...

  3. cad无法安装_你的软件下载好了,为什么安装不上?有两个原因,解决方法在这...

    CAD软件下载好了,安装总是提示失败应该怎么解决?其实安装出错的问题还是很好解决的,我们先来看看是因为哪些原因导致的吧! 一.安装软件提示出错 1.CAD软件已安装 有一种情况是小伙伴想要尝试重新安装 ...

  4. python怎么选择安装位置图片_怎么下载官网python并安装

    怎么下载官网python并安装? 百度搜索Python官网. 看到上图显示官网的没,点击进入. 把鼠标移到downloads上,然后看到下拉选项,点击Windows. 然后看到如下界面. 这么多的安装 ...

  5. 在安装linux的过程中的第五步,在安装Linux的过程中的第五步是让用户选择安装方式,如果用户希望安装部分组件(软件程序),并在选...

    [单选] 确定围护结构传热阻时,围护结构内()是一个最主要的约束条件. [判断题] 立体花坛的种植施工包括各种造型骨架的搭建与植物的种植和养护. [判断题] 同种防治对象,在不同的发育阶段对农药的敏感 ...

  6. linux下面的j2sdk的安装和配置过程

    linux下面的j2sdk的安装和配置过程! 1.下载一个Linux Platform的JDK,建议下载RPM自解压格式的 (RPM in self-extracting file,j2sdk-1_4 ...

  7. 安装谷歌插件-过程解决

    安装谷歌插件-过程&解决 下载谷歌浏览器 问题:下载了"加料"的谷歌:打开新窗口默认为百度,且不可修改,删除,重下 a. win+r - control -卸载程序: b. ...

  8. vs2008安装失败解决过程

    虽然我搞了很多年的java,现在由于工作需要又要转到.net上做研究工作,以前用vb那会对ms没有什么好感,之后用过vs.net的第一个版本做开发,本以为安装一下vs2008的开发环境应该是小菜一碟, ...

  9. Windows 安装Java (官网下载Java)

    微信公众号:AIMIN2020 第一步:下载jdk1.8,并安装jdk1.8 网址:Java Downloads | Oracle 图:下载jdk1.8 下载完就jdk1.8,点击:运行.下一步简单: ...

最新文章

  1. android easylink 搜索设备_手把手教你将数据从Android移动到iPhone步骤与技巧
  2. matlab-高数 find 找到集合中特定元素的位置
  3. android viewflipper图片轮播,使用ViewFlipper实现图片轮播
  4. jflash合并stm32f103之bin文件及hex文件
  5. Java OutputStreamWriter close()方法与示例
  6. c语言验证寝室是否满人,寝室管理系统c语言.doc
  7. 微软 Powertoys 推出新的实用程序,自定义键盘快捷管理
  8. 《黄聪:手机移动站SEO优化教程》4、如何实现手机移动网站和PC站点的自主适配...
  9. 计算机教室网络布线费用,办公室网络布线价格是怎么预算的
  10. 前端特效-HTML+CSS - 图片悬浮效果
  11. 郝兵c语言_郝斌C语言教程全套视频180集下载地址
  12. linux之服务管理
  13. 5种尊重您隐私的替代搜索引擎
  14. bam获取序列_bam格式文件处理大全(四)
  15. 可以过滤网页中广告的插件Adblock Plus
  16. PAP和CHAP协议介绍
  17. android系统自动休眠代码流程,一种基于Android系统下的可控休眠方法及系统与流程...
  18. 考虑阶梯式碳交易机制与电制氢的综合能源系统热电优化(完美复现)matlab-yalmip-cplex/gurobi
  19. MySQL 中用NOW()和SYSDATE()函数获取当前日期时间
  20. [系统]制作老毛桃U盘WinPE

热门文章

  1. 我的毕业设计---家庭点歌系统
  2. 蓝桥杯国信长天单片机实战--复习
  3. 7zZip zip RAR iOS
  4. 2022年度大数据服务公司TOP50
  5. 2019科学突破奖揭晓 庄小威陈志坚许晨阳上榜
  6. 魅课 OM视频会议系统 proxy.php 文件包含漏洞
  7. Jira项目管理配置指南(二)—— 工作流配置
  8. Ubuntu linux 手动编译安装 Realtek 8852 无线网卡驱动 非常简单 添加Manjaro教程
  9. 对号入座,项目中那些灵魂拷问该怎么应对
  10. python自制简易二维码代码_Python用5行代码写一个自定义简单二维码