天天看点

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文件夹有什么区别?