整体目录结构如下
一个好的,清晰的目录,便于我们开发维护程序
components:系统所用到的非页面级别组件
pages:所有的页面
less:一些通用的样式,提取出来写在这里
utils:封装的js库,比如网络请求、图片上传、表单校验等纯js库
所有的组件放在了components目录下,components下又包含几个子目录
├── components/ │ └── layout #布局性质的组件 │ └── mod #基础的组件 │ └── lib #第三方组件 │ └── plugins #插件
utils下又包含几个子目录
├── utils/ │ └── base #基础功能的js库,主要都是自己开发的,如网络请求、表单验证等 │ └── config #配置文件,比如api接口地址(所有接口地址都在这里设置,方便日后更改)、系统的一些配置等 │ └── lib #第三方js组件
一个好的目录结构,能让我们使用起来更清晰方便