项目架构流程记录（举例）

决定项目 => 决定技术栈 =>

一、
命令行窗口 搭建项目

vue create projectName

二、
默认选择上 router 和 vuex

三、
根据格式规范配置 ESlint

四、
根据项目需求参照官网手册安装 UI 框架
如： 移动端选择 vant
其中不仅需要 vant 也还需要 babel-plugin-import 和 Rem 适配，可以参照示例工程配置

五、
对 网络请求 进行 二次封装

项目目录：

|-- public // SPA单页面应用的 html 页面所在目录
|-- src // 开发所书写的源码
|--|-- api // 放置所有网络请求的资源
|--|-- assets // 通常放置静态资源，如图像、音视频等
|--|-- components // 放置通用组件
|--|-- router // 与vue-router前端路由相关
|--|-- store // vuex 状态管理
|--|-- utils // 放置功能性文件
|--|-- views // 页面级的组件
|--|-- App.vue // 应用外层结构的组件
|--|-- main.js // 入口 js 文件
|-- .eslintrc.js // eslint 配置文件
|-- babel.config.js // babel 配置文件
|-- package.json // 项目配置文件
|-- vue.config.json // 如postcss的配置文件