创建vue3项目vite

### 创建 Vue 3 项目的逐步指南

为了创建一个新的 Vue 3 项目并使用 Vite 进行初始化，可以遵循以下说明：

#### 安装 Node.js 和 npm
确保计算机上已安装最新版本的 Node.js 及其包管理器 npm。

#### 初始化新项目
通过命令行工具执行如下操作来启动新的 Vite 项目：

npm create vite@latest vue-bookstore --template vue

这条指令会利用 `create-vite` 脚手架设置好基础环境，并选择 Vue 模板作为起点[^2]。

#### 导航至项目文件夹
一旦项目建立完成，进入对应的目录继续后续配置工作：

cd vue-bookstore

此时已经位于新建项目的根路径下，准备进一步定制开发环境[^1]。

#### 查看初始项目结构
默认情况下，Vite 所搭建的 Vue 应用程序具有清晰简洁的文件布局。主要组成部分包括但不限于以下几个方面：
- **public/** 存放公共资源文件，比如网页图标 favicon.ico；
- **src/** 是源码所在位置，内部又细分为 assets（静态资源）、components（组件库）等子目录以及核心入口文件 App.vue 和 main.js；
- **package.json** 记录依赖项及相关脚本；
- **README.md** 提供简要介绍文档；
- **vite.config.js** 配置构建选项和其他插件设定。

#### 启动本地服务器
最后一步是在终端运行下面这串代码开启实时预览服务：

npm install
npm run dev

这样就可以在浏览器里访问 http://localhost:3000 来查看正在建设中的网站效果了。