解决安装 Vite 遇到的问题

事情的起因

最近开始学习 vue3，重头学习的那种，遇到了各种问题，在这里记录一下

安装 Vite 遇到的问题

首先安装 nodejs16.X，这个不用多说

安装 Vite

1）npm init @vitejs/app demo2

执行的时候报错，提示 Error [ERR_REQUIRE_ESM]: require() of ES Module C:\Users\Administrator\AppData\Local\npm-cache\_npx\9c7583f20b80c4d1\node_modules\create-vite\index.js from C:\Users\Administrator\AppData\Local\npm-cache\_npx\9c7583f20b80c4d1\node_modules\@vitejs\create-app\index.js not supported.

问题分析： 根据问题给出的错误文件来看，意思是说，现在不这么安装了，使用 npm create vite@latest 安装，于是就使用下面的命令安装

2) npm create vite@latest # 中间报错

又报错了，由于后来已经安装好，错误已经找不到了，查了一些资料，有人说 npm 版本低了，我想的是，node 都是安装的最新的，npm 应该是最新的吧，结果发现不是，于是先把 npm 更新再说

3）安装 npm-windows-upgrade

npm install -g npm-windows-upgrade

4）使用 npm-windows-upgrade 更新 npm

1）遇到 windows10 不让更新的问题

原因：windows 系统出于安全考虑，默认禁止脚本文件运行的

. 解决办法：设置系统允许脚本运行
. win + x 以管理员身份运行PowerShell
. 输入set-executionpolicy remotesigned，设置成Y即可

测试 在命令提示框中输入 npm -v

4）继续使用 npm-windows-upgrade 更新 npm

成功