vue3+vite 安装配置

一、安装

1、确保你已经安装了 Node.js。

查看Node版本 显示版本号安装成功

node -v

2、打开命令行或终端,运行以下命令来全局安装 Vue和Vite:

npm install vue -g

npm install -g create-vite

安装成功后使用 npm list vue来检查vue版本号

3、创建一个新项目。在命令行中运行以下命令,将 "my-vue3-vite-project" 替换为你想要的项目名称:

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

切换到项目目录:

cd my-vue3-vite-project

安装项目依赖:

npm install

运行开发服务器:

npm run dev

现在,已经成功创建了一个 Vue 3 和 Vite 的项目。浏览器会自动打开

image.png

大纲
一、安装
1、确保你已经安装了 Node.js。
2、打开命令行或终端,运行以下命令来全局安装 Vue和Vite:
3、创建一个新项目。在命令行中运行以下命令,将 "my-vue3-vite-project" 替换为你想要的项目名称: