【vue3】vite工具创建vue3项目,遇到的坑及解决办法

1、在对应文件夹下执行npm create vite

在这里插入图片描述

报错如下:

在这里插入图片描述
解决步骤可看这篇文章:npm install报错 -> npm ERR! Unexpected token ‘.‘ 报错解决办法

主要是因为我的nvm版本是1.1.7,版本太低,里面没有集成高版本node导致的

在这里插入图片描述

将现有的node版本全部删除,nvm uninstall [xxx]
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
点确定
在这里插入图片描述
选择是
在这里插入图片描述
卸载成功
在这里插入图片描述
. 下载新版nvm(下载:NVM下载 - NVM中文网或者github上)下载地址
在这里插入图片描述
下载后得到一个压缩包,里面只有一个exe文件,直接双击
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
安装成功后,配置settings.txt文件,设置国内镜像

// 设置node镜像
nvm node_mirror https://npm.taobao.org/mirrors/node/
// 设置npm镜像
nvm npm_mirror https://npm.taobao.org/mirrors/npm/

安装之前卸载的node所有版本,安装node的时候,会对应的把匹配的npm也下载好
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
安装的过程中我发现它会自动创建一个temp文件夹,如果这个时候点击14.5.0版本的文件夹,会发现里面的内容不全,一开始我以为有问题,手动删除重新装,后来发现它在安装完成后自动删除temp文件夹,不需要我们操作什么,只要耐心等一下就行
在这里插入图片描述

2、重新运行npm create vite,提示需要下载create-vite,敲y然后回车
在这里插入图片描述
3、输入项目名称
在这里插入图片描述
选择项目框架
在这里插入图片描述
选择语法
在这里插入图片描述
进入到项目,安装依赖,运行项目
在这里插入图片描述
项目运行成功
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_49668076/article/details/132422125