项目目录结构分析

|- mobile-vue-app          # 项目名称
  |- .vscode
  |- node_modules         # 项目依赖
  |- public                  # 图标文件夹
    favicon.ico           # 网页图标
  |- src                  # 写代码主场
    |- assets              # 资源文件
       base.css           # 基础样式
       logo.svg           # logo
       main.css           # 项目样式
    |- components         # 自定义组件
        |- icons          # 图标组件
       HelloWorld.vue         # 自定义组件
       TheWelcome.vue         # 自定义组件
       WelcomeItem.vue         # 自定义组件
    |- router         # 路由文件夹
       index.ts         # 路由的配置
    |- views         # 项目页面组件
       AboutView.vue         # 页面组件
       HomeView.vue         # 页面组件
      App.vue         # 项目根组件
      main.ts         # 项目入口文件
     .eslintrc.cjs         # 代码格式化规则
     .gitignore         # git上传忽略文件
     .prettierrc.json         # 右键格式化的时候,就会自动帮我们补全符号
     .env.d.ts         # 环境配置声明文件
     index.html         # 页面的模板
     package.json         # 项目依赖说明
     README.md            # 说明文档 
     tsconfig.config.json         # ts配置文件说明
     tsconfig.json         # ts配置文件
     vite.config.ts         # vite配置文件