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

Libby博仙2025-01-11 11:34

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

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

bash 复制代码

npm create vue@latest

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

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

bash 复制代码

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

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

bash 复制代码

cd my-vue-app
npm install

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

bash 复制代码

npm run dev

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

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

bash 复制代码

npm run build

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

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

bash 复制代码

npm run preview

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

bash 复制代码

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

或者：

bash 复制代码

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

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

bash 复制代码

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

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