新建一个vue30前端工程划分各个目录

在创建Vue 3.0前端工程时，可以按照以下目录结构进行划分：

├── src
│   ├── assets              // 存放静态资源，如图片、字体等
│   ├── components          // 存放公共组件，如头部、底部等
│   ├── router              // 存放路由配置文件
│   ├── store               // 存放Vuex状态管理文件
│   ├── views               // 存放页面组件
│   ├── utils               // 存放工具函数，如api请求、日期格式化等
│   ├── App.vue             // 根组件
│   └── main.js             // 入口文件
├── public
│   ├── index.html          // 程序入口html文件
├── package.json
└── README.md

以上是一个较为基础的目录结构，可以根据项目的实际需求进行调整，例如可以增加一个assets/css目录存放样式文件，或者增加components/common目录存放公共组件等