vue3项目创建权限问题解决以及淘宝镜像过期解决

设备是：MacBook并非Windows环境

近期使用vite创建vue3项目，发现要么一直卡着要么失败。用命令行创建也是一直卡着。
由于是在做对比类的，还有vue2的，所以先建vue2的
用命令行建vue2的，报错发现有两个问题。
解决完这些问题后再去用vite创建项目就正常了，
所以可以推断之前vue3项目创建问题也是因为他俩╭(╯^╰)╮
真是无语😒

一、报错

1. root权限问题，报错大致如下

npm ERR! code EACCES
npm ERR! syscall mkdir
npm ERR! path /usr/local/lib/node_modules/@vue
npm ERR! errno -13
npm ERR! Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@vue/cli-int'
npm ERR!  [Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@vue/cli-int'] {
npm ERR!   errno: -13,
npm ERR!   code: 'EACCES',
npm ERR!   syscall: 'mkdir',
npm ERR!   path: '/usr/local/lib/node_modules/@vue/cli-init'
npm ERR! }

2. 淘宝镜像证书过期（看着就抓马🐴又抓马🐴又无语），报错大致如下：

request to https://registry.npm.taobao.org/@vue%2fcli failed, reason: certificate has expired

二、解决

1. 解决第一个权限问题，依次输入下列命令

cd ~
mkdir .npm-global
npm config set prefix '~/.npm-global'
export PATH="~/.npm-global/bin:$PATH"

2. 解决淘宝镜像证书过期问题
   就是淘宝镜像由原来的https://registry.npm.taobao.org变为https://registry.npmmirror.com重新设下镜像地址就OK👌🏻

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

参考资料：

1. 博客：彻底解决全局安装权限问题
2. 博客：2024年安装vue-cli报错：request to https://registry.npm.taobao.org/@vue%2fcli failed, reason: 证书已过期

代码007普通

打赏 收藏 海报 链接