Vue-element-admin之目录结构及相关链接

Vue-element-admin（// 作用 + 实现链接）

• build                                                 // 构建相关 
• mock                                                // 模拟请求数据/逻辑    使用mock模块模拟数据
• node_modules                                 // npm加载的项目依赖模块
• plop-templates                                 // 自动创建项目文件    plop-templates自动新建项目文件
• public                                               // 静态资源目录    vue-cli3中public目录和assets目录的区别
  • index.html
• src                                                   // 源代码    参考文章1    参考文章2
  • api                                            // 所有请求  ①
  • assets                                      // 字体等静态资源
  • components                             // 全局公用组件 ②
  • directive                                   // 全局指令
  • filters                                       // 全局过滤器
  • icons                                       // 项目所有 svg icons
  • layout                                      // 全局框架组件
  • router                                      // 路由
  • store                                       // 配置vuex
  • styles                                     // 全局样式（scss）
  • utils                                        // 全局公用方法
  • vendor                                    // 公用vendor
  • views                                      // 页面级组件  ①②
  • App.vue                                 // 入口页面
  • main.js                                   // 入口 加载组件 初始化等
  • permission.js                         // 权限管理
  • settings.js                              // 项目配置文件
• tests                                              //测试

 

① api 和 views

② Vue项目中的views和components文件夹有什么区别？