首页创建vue3项目命令vite

创建vue3项目命令vite

时间: 2025-01-08 20:05:25 浏览: 74

### 使用 Vite 创建 Vue 3 项目为了使用 Vite 创建一个新的 Vue 3 项目，可以按照如下命令行指令操作：首先，在目标目录下通过文件路径栏输入 `cmd` 并按下回车来启动命令提示符窗口。接着，键入官方推荐的脚手架工具安装命令以初始化新项目[^1]。 ```bash npm create vue@latest ``` 上述命令会引导用户完成一系列选项的选择过程，其中包括但不限于框架版本确认以及附加功能挑选等交互环节。一旦选择了所需的配置项之后，便会自动下载依赖包并设置好基础结构。当项目成功创建完毕后，进入新建项目的根目录，并依次执行以下两条命令来进行必要的软件包安装及开发服务器启动工作[^2][^3]。 ```bash cd <项目名> npm install npm run dev ``` 这里 `<项目名>` 需要替换为实际创建时所指定的名字。随着这些步骤的操作，本地环境中的浏览器应该能够访问由 Vite 提供的服务地址，默认情况下通常是 http://localhost:3000/ ，具体端口号可能会有所不同取决于系统的可用情况和其他因素影响。如果遇到诸如缺少别名 (`src` 到 `@`) 的问题，则可以在 `vite.config.js` 文件内添加相应的解析规则来解决这个问题[^4]。 ```javascript import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' export default defineConfig({ plugins: [vue()], resolve: { alias: { "@": "/src", }, }, }) ```

阅读全文