vite 创建了一个项目后，如何实现工程化

当我们使用 vite 创建了一个项目后，要开发自己的东西。首先要做的就是先将开发文件变成自己的样子。

1. 这是一个刚刚创建项目的文件夹及展示

2. 开始整改文件夹

修改文件

• main.ts不需要修改
• App.vue删除无用的内容

<template>
  <div>app组件</div>
</template>

删除文件

• src/components/HelloWorld.vue HelloWorld 组件
• src/assets/logo.png vue 默认的 logo

新增文件夹

• utils 用于存放工具相关
• components 通用封装组件库
• assets/images 用于存放图片相关
• assets/styles 用于存放样式相关
• router 用于存放路由相关
• store用于存放数据相关
• views用于存放页面级别的组件
• types用于存放 ts 的公共类型