目录结构

CSS

| 
|– base/ 
|   |– reset.scss       # 重置样式
|   |– bass                            # 设置基础样式
|   |– functions.scss   # 自定义函数
|   |– mixins.scss      # 宏
|   |– variables.scss     # 变量
|   ...                  # Etc… 
| 
|– components/          # 组件样式
|   |– buttons.scss     # Buttons 
|   |– carousel.scss    # Carousel 
|   |– cover.scss       # Cover 
|   |– dropdown.scss    # Dropdown 
|   |– navigation.scss  # Navigation 
|   ...                  # Etc… 
| 
|– layout/                 
|   |– grid.scss        # 栅格
|   |– header.scss      # 公共头 
|   |– footer.scss      # 公共尾 
|   |– sidebar.scss     # 侧栏 
|   |– forms.scss       # Forms 
|   ...                  # Etc… 
| 
|– pages/ 
|   |– home.scss        # 主页
|   |– contact.scss     # 
|   ...                  # Etc… 
| 
|– themes/ 
|   |– theme.scss       # Default theme 
|   |– admin.scss       # Admin theme 
|   ...                  # Etc… 
| 
|– vendors/             # 存放第三方库
|   |– bootstrap.scss   # Bootstrap 
|   |– jquery-ui.scss   # jQuery UI 
|   ...                  # Etc… 
| 
`– main.scss             # primary Sass file 

JS

| 
|– dist/                                # 压缩目录
| 
|– public/                            # 公共目录    
| 
|– api/                         # 存放一些接口
| 
|– assets/                             # 公共资源
|   |– css
|   |– img
| 
|– components/                     # 公共组件
| 
|– resources/ 
|   |– theme.scss       # Default theme 
|   |– admin.scss       # Admin theme 
|   ...                  # Etc… 
| 
|– utils/                             # 工具类库
|   |– filter.js                
|   |– mock.js    
|   ...                  # Etc… 
|
|– views/                                # 业务组件
|   |– 404.vue
|   |– layout.vue
|
|- app.vue            
|- config.js                
|- main.js
`- router.js