# 使用 create-vue 创建项目

# 认识

create-vue 是 Vue 官方新的脚手架工具，底层切换到了 vite（下一代构建工具），为开发提供急速影响

# 命令使用

# cmd 运行命令

npm init vue@latest

# 根据要求选择所需选项

# 项目目录结构

# 图示

# 说明

• vite.config.js：项目的配置文件 基于 vite 的配置
• package.json：项目包文件 核心依赖变成了 Vue3.x 和 vite
• main.js：入口文件 createApp 函数创建应用实例
• app.vue：根组件 SFC 单文件组件 script - template - style
  • 变化一：脚本 script 和模板 template 顺序调整
  • 变化二：模板 template 不再要求唯一根元素
  • 变化三：脚本 script 添加 setup 标识支持组合式 API
• index.html：单页入口 提供 id 为 app 的挂载点