## 一、配置文件 src\config\default\setting.config.js：设置项目的基本信息； src\config\config.js：设置样式主题； ## 二、核心文件 main.js：主要引入插件、初始化路由以及路由守卫、添加请求拦截器； App.vue：主要使用了antd的ConfigProvider组件做全局配化，共享数据给所有子孙组件，通过router-view展示对应路由匹配的组件； 参考vuejs工程中的核心文件介绍：[快速开始](%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B.md) ## 三、新建一个业务（以一个业务为例） ### **新建页面** src\pages是用于存放业务新增页面的基础目录； 新建一个业务文件夹，如src\pages\test\testpage目录，里面新增两个文件，index.js和Test.vue； index.js这个文件是为了暴露页面给路由； Test.vue这个文件是具体的页面vue；  ### **配置路由** src\router\config.js，在`options`对象里找到`path: '/'`的对象（根对象）, 其children属性的数组就对应着菜单的配置； 增加前：  增加后：  ``` { path: 'test', name: '测试新增页面', meta: { page: { closable: false }, icon: 'ie' }, component: () => import('@/pages/test/testpage'), }, ``` 打开页面发现已经配置好了路由，点击导航到新增的页面了；