创建一个vue3项目

196 阅读1分钟

一.下载nodejs

各个版本链接 选择msi点击下载,然后无脑安装

image.png

如果输出版本号就代表安装成功

image.png

二.安装vite

1.在命令提示符或终端中,输入以下命令并按下回车键,使用npm全局安装Vite:

npm install -g create-vite

  1. 安装完成后,你可以通过输入以下命令来验证Vite是否已成功安装:

    vite -v 如果命令提示符或终端显示Vite的版本号,则表示Vite已成功安装。

3.出现报错

注意现在vue3node版本要18以上了 image.png

  1. 更新 Node.js:您可以将 Node.js 安装更新到满足“create-vite”包要求的版本。根据警告消息中的建议,您可以更新到 Node.js 版本 18.0.0 或任何大于或等于 20.0.0 的版本。访问 Node.js 网站 ( nodejs.org/ ) 下载并安装最新版本的 Node.js。
  2. 使用不同的包:如果您无法更新 Node.js 版本,您可以考虑使用与当前 Node.js 版本兼容的其他包或不同版本的“create-vite”。您可以搜索替代包或检查是否有支持 Node.js v16.6.2 的旧版本“create-vite”。
  3. 忽略警告:如果您选择忽略警告,则可以使用当前的 Node.js 版本继续安装“create-vite”包。但是,请记住,使用不兼容的版本时可能会出现兼容性问题或意外行为。

关于npm新大版本(7.20.3 -> 10.2.5)的通知,建议您可以通过运行命令来更新npm npm install -g npm@10.2.5。这会将您的全局 npm 安装更新到版本 10.2.5。请注意,更新 npm 是可选的,与“create-vite”的兼容性问题没有直接关系。

三.使用vite创建项目

create-vite my-vue3-project --template vue

image.png

image.png