最新 Node 初始化 vue 项目报错(npm init vue@latest)以及配置淘宝镜像(cnpm)

PS E:\SpringBootBase\ProjectOne\big-event-vue> cnpm init vue@latest
cnpm : The term ‘cnpm’ is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the
path is correct and try again.
At line:1 char:1
+ cnpm init vue@latest
+ ~~~~
+ CategoryInfo : ObjectNotFound: (cnpm:String) [], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException

PS E:\SpringBootBase\ProjectOne\big-event-vue> npm init vue@latest
npm ERR! code CERT_HAS_EXPIRED
npm ERR! errno CERT_HAS_EXPIRED
npm ERR! request to https://registry.npm.taobao.org/create-vue failed, reason: certificate has expired

npm ERR! A complete log of this run can be found in: F:\IDEACODE\node\node_modules_logs\2024-03-03T06_01_11_297Z-debug-0.log
PS E:\SpringBootBase\ProjectOne\big-event-vue>

在这里插入图片描述

解决方法

  • 1、node 根目录新建文件夹
node_cache
node_global

在这里插入图片描述

  • 配置路径
npm config set prefix "你的 node_global 文件夹"
npm config set cache "你的 node_cache 文件夹"

在这里插入图片描述

  • 新增环境变量
    在这里插入图片描述
  • 更换镜像

npm淘宝镜像的设置(2024.2.2:因为1 月 22 日,淘宝原镜像域名(registry.npm.taobao.org)的 HTTPS证书正式到期。如果想要继续使用,需要将 npm 源切换到新的源(registry.npmmirror.com),否则会报错。

切换镜像

npm config set registry https://registry.npmmirror.com

检查镜像

npm config get registry

在这里插入图片描述
测试npm,安装cnpm淘宝镜像

npm install -g cnpm --registry=https://registry.npmmirror.com

出现

在这里插入图片描述
更新 npm 版本

npm install -g npm@10.5.0

继续安装

npm install -g cnpm --registry=https://registry.npmmirror.com

在这里插入图片描述

出现问题

在这里插入图片描述

解决方法

在这里插入图片描述
1、将 node_global 文件夹中的 cnpm、cnpm.cmd、cnpm.ps1 移动到 Node 根目录

在这里插入图片描述
2、将 node_global 文件下的node_modules 文件下的 cnpm 移动到根目录的node_modules目录里面

在这里插入图片描述

测试是否成功

cnpm -v
npm -v

在这里插入图片描述
在这里插入图片描述

  • 都没问题,解决。
Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐