快速创建Vue3项目
使用Vite(推荐,最快)
# 创建项目
npm create vue@latest my-project# 进入项目目录
cd my-project# 安装依赖
npm install# 启动开发服务器
npm run dev
方法二:使用Vue CLI
# 全局安装Vue CLI
npm install -g @vue/cli# 创建项目
vue create my-project# 选择Vue 3预设
# 启动项目
cd my-project
npm run serve
方法三:使用Vite模板(最简单)
# 直接创建Vue项目
npm create vite@latest my-project -- --template vue# 安装依赖并启动
cd my-project
npm install
npm run dev
方法四:使用yarn(如果安装了yarn)
# 使用yarn创建
yarn create vue my-project# 或使用vite
yarn create vite my-project --template vue
⚡ 最快的方式
推荐使用第一种方法:
npm create vue@latest my-project
这个命令会:
- 自动下载最新的Vue 3模板
- 提供交互式配置选择
- 自动安装依赖
- 生成完整的项目结构
🎯 项目结构
创建完成后,您会得到:
my-project/
├── src/
│ ├── components/
│ ├── App.vue
│ └── main.js
├── public/
├── package.json
├── vite.config.js
└── index.html
选择哪种方法取决于您的需求:
- 学习Vue:推荐方法一
- 快速原型:推荐方法三
- 企业项目:推荐方法二