vue脚手架vite
时间: 2025-04-21 14:34:30 浏览: 25
### 使用 Vue CLI 和 Vite 创建和配置新项目
#### 使用 Vue CLI 创建 Vue 3 项目
Vue CLI 提供了一个命令行界面,用于快速搭建 Vue 开发环境及其对应的 Webpack 配置[^2]。为了创建一个新的 Vue 3 项目,可以按照以下方式操作:
```bash
npm install -g @vue/cli
vue create my-vue-app
cd my-vue-app
```
在 `vue create` 命令执行过程中会提示选择预设选项或是手动配置特性,比如 TypeScript、Stylus 或者 Element Plus 等等。
对于希望更精细控制项目的开发者来说,可以选择 Manually select features 来自定义所需的功能模块[^1]。
#### 使用 Vite 创建 Vue 3 项目
Vite 是一种较新的构建工具,专为现代 JavaScript 应用程序设计,特别是针对 Vue 3 进行优化。其特点是启动速度快,热更新即时生效等特点。以下是使用 Vite 初始化一个 Vue 3 项目的流程:
```bash
npm init vite@latest my-vue-app --template vue
cd my-vue-app
npm install
npm run dev
```
这里 `-template vue` 参数指定了模板类型为 Vue,默认情况下也会集成一些常用的库如 TypeScript, Sass (SCSS), Router 及 Element Plus 等[^4]。
值得注意的是,虽然两者都能很好地支持 Vue 3 的开发工作流,但是由于 Vite 更加专注于现代化的标准和支持更快的开发体验,在新建项目时推荐优先考虑 Vite[^5]。
#### 完成后的初步设置
无论是通过哪种方法建立的新项目,进入项目目录后都需要运行 `npm install` 来安装依赖包,并可通过 `npm run serve`(如果是 Vue CLI)或 `npm run dev`(如果采用 Vite)来启动本地服务器并查看应用效果。
完成上述步骤之后便可以在各自框架下继续深入探索 Composition API 等 Vue 3 新特性的实际运用了。
阅读全文
相关推荐


















