目录

• 目录
• 初始化项目架构
• 技术栈
  • 工具类
  • 环境
• 搭建流程
  • 初始化项目
  • 初始化git
  • 运行项目
  • 配置 server环境
    • vite.config.ts
  • 配置项目环境
    • 增加三个文件
    • 修改package.json脚本
    • 如何使用
    • 重新启动
  • 配置 Eslint
    • 增加文件 .eslintrc.cjs
    • 对 vite.config.ts 修改
    • 重新启动
  • 增加vue-router
    • App.vue
    • router
    • home
    • main.ts引用 router
    • 重新启动
  • 配置 src/@ 别名
    • 对 vite.config.ts 修改
    • 对 tsconfig.ts 修改
    • 使用 @
  • 关于类型设计
    • 对 tsconfig.ts修改
  • 增加axios
  • 关于接口设计
• .eslintrc.cjs
• axios简单封装

初始化项目架构

一步一步搭建自己的Vue3 h5项目架构

备注：文档编写时间为 2023-8-8 注意依赖版本!
项目源码

标签：vue,流程,vue3,ts,h5,eslint,error,router,vite	

From： https://www.cnblogs.com/sjie/p/17615132.html