框架代码目录说明

2020-10-24   04:13:06

---

框架代码目录说明：

（有出入，做参考用）

├──build          //构建环境下相关配置（对webpack开发和打包的相关配置，包括入口文件、输出文件、使用的模块等）
├──mock                   //属于第三方工具，需要下载 (npm install)
├──node_modules         //安装node后用来存放包管理工具下载安装包的文件夹
├── public                       // 公共文件
│   ├── favicon.png           
│   ├── index.html         //入口文件
├── src                        // 源代码
│   ├── api                    // 所有请求
│   ├── assets                 // 主题 字体等静态资源
│   ├── components             // 全局公用组件
│   ├── directive              // 全局指令
│   ├── filtres                // 全局 filter
│   ├── icons                  // 项目所有 svg icons
│   ├── lang                   // 国际化 language
│   ├── mock                   // 项目mock 模拟数据
│   ├── router                 // 路由
│   ├── store                  // 全局 store管理
│   ├── styles                 // 全局样式
│   ├── utils                  // 全局公用方法
│   ├── vendor                 // 公用vendor
│   ├── views                   // view
│   ├── App.vue                // 入口页面
│   ├── main.js                // 入口 加载组件 初始化等
│   └── permission.js          // 权限管理
├── static                     // 第三方不打包资源 
│   └── Tinymce                // 富文本 
├── .babelrc                    // babel-loader 配置 
├── eslintrc.js                 // eslint 配置项 
├── .gitignore                  // git 忽略项 
└── package.json                // package.json

---

 api和views文件夹一一对应：

随着业务的迭代，模块还会会越来越多。

所以这里建议根据业务模块来划分 views，并且 将views 和 api 两个模块一一对应，从而方便维护。

公用模块可以单独放置，一级页面组件存放views下

---

 components全局公用组件：

放置的都是全局公用的一些组件，如上传组件，富文本等等。

一些页面级的组件建议还是放在各自views文件下，方便管理。

---