1. project
    2. └───src
    3. │   │   app.vue    // 主页面
    4. │   │   main.js    // 主入口
    5. │   │   package.json // 配置项目所需的运行和开发环境
    6. |        |____api
    7. |   |        |...  //Api接口
    8. │   |        
    9. │   |____router
    10. │   |   |____modules  //Api接口
    11. │   |        |____index.ts //路由配置页面
    12. │   |
    13. │   |____store        // vuex数据
    14. │   |   |____modules  
    15. │   |                 |____black-name.ts // 请求接口的具体方法
    16. │   |
    17. │   |____typings      //数据模型
    18. │   |   |____modules  
    19. │   |                 |____black-name.ts //Dto数据
    20. │   |
    21. │   |____views        //UI层
    22. │   |   |____blackname  //Api接口
    23. |   |        |____list.vue      // 列表页
    24. |   |        |____edit.vue      // 修改页  
    25. |   |   
    26. │   |
    27. │   |____assets    // css、image、svg等资源
    28. │   |   |____css   // 所有sass资源
    29. |   |   |    |  reset.scss       // 兼容各浏览器
    30. |   |   |    |  global.scss      // 全局css
    31. |   |   |    |  variable.scss    // sass变量和function等
    32. │   |   |____img   // image图标库
    33. |   |   |____svg   // svg图标库
    34. |   |
    35. |   |____components    // 组件
    36. │   |   |____common    // common自注册组件
    37. │   |        |____base // 原子组件(如果是引入第三方，该文件夹可省略)
    38. │   |        |   ...   // 业务公用组件
    39. │   |   |____entity    // entity页面组件
    40. │   |   |____about     // about页面组件
    41. |   |
    42. |   |
    43. |   |____plugins   // 自己或第三方插件
    44. |   |   | index.js       // 插件入口文件
    45. |   |   | directives.js  // 所有Vue指令
    46. |   |   | filters.js  // 所有Vue过滤
    47. |   |
    48. |   |____utils     // 工具层
    49. |   |   | config.js// 配置文件，包括常量配置
    50. |
    51. └───public         // 公用文件，不经过webpack处理
    52. │   │   favicon.ico
    53. │   │   index.html
    54. │   vue.config.js  // vue-cli3主配置
    55. │   .eslintrc.js   // eslint配置
    56. │   .prettierrc.js // perttier配置
    57. │   package.json   // npm配置
    58. │   README.md      // 项目说明