VUE3 VITE项目在 npm 中，关于 Vue 的常用命令有一些基础命令

如果你正在使用 Vite 构建的 Vue 3 项目，并且想要使用相关的 Vue 和 Vite 工具，下面是一些常用的命令和步骤来创建和管理 Vue 项目。

1. 使用 npm create 创建 Vue 3 项目（Vite）

如果你还没有创建项目，可以使用以下命令通过 Vite 创建一个新的 Vue 3 项目：

npm create vue@latest

这个命令会引导你通过交互式向导，创建一个基于 Vite 和 Vue 3 的项目。创建过程中，你可以选择项目的名称、是否使用 TypeScript、是否启用 ESLint 等。

2. 创建 Vue 3 项目（Vite）

另外，也可以直接使用 Vite 的命令来创建 Vue 项目。执行以下命令：

npm create vite@latest my-vue-app --template vue

• my-vue-app 是你想要创建的项目的名称，可以替换成你自己喜欢的名字。
• --template vue 指定使用 Vue 3 模板创建项目。

3. 安装依赖

创建完成项目后，进入项目目录并安装依赖：

cd my-vue-app
npm install

4. 启动开发服务器

在开发过程中，使用 npm run dev 来启动开发服务器：

npm run dev

Vite 会启动一个开发服务器并自动打开浏览器窗口，提供热重载和快速的构建体验。

5. 构建项目

如果你准备将项目构建为生产环境版本，可以使用 npm run build：

npm run build

这会在 dist 文件夹中生成优化后的构建版本，可以部署到生产环境。

6. 预览构建后的项目

在构建后，如果你想预览构建结果，可以使用以下命令：

npm run preview

总结

如果你想创建一个 Vue 3 项目，并且使用 Vite 作为构建工具，你可以使用：

npm create vue@latest   # 创建 Vue 3 项目

或者：

npm create vite@latest my-vue-app --template vue  # 创建 Vue 3 项目（Vite）

然后通过以下命令来启动开发环境和构建：

npm run dev       # 启动开发服务器
npm run build     # 构建项目
npm run preview   # 预览构建后的项目

这些命令会帮助你快速上手并启动一个 Vite + Vue 3 项目。