【vue3】vite工具创建vue3项目，遇到的坑及解决办法，nvm下载与使用

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、输入项目名称

选择项目框架

选择语法

进入到项目，安装依赖，运行项目

项目运行成功