使用Vite创建Vue 3项目: 1)创建项目:名称为myapp(可自拟) 2)安装依赖:npm install 3)项目启动:npm run dev,查看项目运行效果 4)查看生成的项目结构
时间: 2024-11-13 14:40:23 浏览: 24
vue3+vite创建项目-(傻瓜式教程)
使用Vite创建Vue 3项目分为几个步骤:
1. **创建项目**:首先,打开终端或命令行工具,导航到你想存放项目的目录,然后运行以下命令来初始化一个新的Vue 3项目:
```
npx create-vite myapp
```
这里`myapp`是替换成你想要的项目名称。
2. **安装依赖**:项目初始化完成后,项目文件夹内会有一个`package.json`文件,接着在该目录下运行:
```
npm install
```
这将安装所有必需的依赖,包括Vue和Vite。
3. **项目启动**:安装完毕后,使用以下命令启动开发服务器:
```
npm run dev
```
Vite会在本地提供一个自动刷新的开发环境,并显示默认的Vue应用。
4. **项目结构查看**:Vite项目通常会有以下基本结构:
- `node_modules`: 包含所有依赖库
- `src/`:
- `App.vue`: 应用的入口组件
- `main.js`: 主入口文件,配置应用程序和路由
- `router/`: 路由相关的文件,如`index.js`
- 可能还有其他分组如`components/`, `views/`等,用于组织Vue组件
- `.vite/` 和 `.gitignore`: Vite的内部文件和忽略文件列表
阅读全文