style不能放在assets 里面吗？请问assets里面通常是放什么东西的呢？vue项目结构通常是什么样的呢?

Question

看见一个大神的项目结构是这样的：

• src文件目录结构

assets // 图片
components // 组件
router // 路由
style // 样式
store // 状态管理，使用vuex时需要创建的文件夹安放
app.vue
main.js

style不能放在assets 里面吗？请问assets里面通常是放什么东西的呢？vue项目结构通常是什么样的呢?

Answer 1

附上我的目录，项目结构我用的vuecli创建的，src里面自己加了些文件夹，assets里面我就放了项目用到的图片资源

Answer 2

这里有一篇关于 vue 项目，目录规范的一些建议，也是我们团队正在使用的:

https://github.com/gauseen/code-style-guide

Answer 3

项目目录规范 vue-cli 3.x

|————— dist # 编译产出目录
|
|————— docs # 组件使用文档（可参照组件文档示例）
|
|————— public # 静态资源，不经过 webpack，需要通过绝对路径来引用它们
|
|
|————— src
| |———— api # 抽取出 ajax 请求
| |
| |———— assets # 静态资源目录，经过 webpack 打包处理
| |
| |———— components # 公用组件
| |
| |———— directives # 指令
| |
| |———— filters # filter
| |
| |———— icons # svg icons
| |
| |———— layout # 应用骨架级页面(SideBar、Header、AppMain)
| |
| |———— locales # 国际化
| |
| |———— pages/views # 页面(与路由对应)
| |
| |———— plugins # 插件
| |
| |———— router # 路由
| |
| |———— store # 状态管理(vuex)
| | |
| | |———— index.js # 组装模块并导出 store 的地方
| | |
| | |———— actions.js # 根级别的 action
| | |
| | |———— mutations.js # 根级别的 mutation
| | |
| | └──── modules
| | |
| | |—— user.js # 用户模块
| | |
| | └── todo.js # todo 模块
| |
| |———— styles # 样式
| |
| |———— utils # 公用方法
| |
| |———— App.vue # 应用入口组件
| |
| └──── main.js # 入口文件
|
|
|————— tests # 测试
|
|
|————— .env # 环境变量（在所有的环境中被载入）
|
|
|————— env.[mode] # 环境变量（只在指定的模式中被载入：development、production）
|
|
|————— .env.[mode].local # 环境变量（只在指定的模式中被载入，但会被 git 忽略），本地开发时可自己创建该文件
|
|
|————— .eslintrc.js # eslint 规则
|
|
|————— vue.config.js # vue-cli 3.x 配置文件
|
|
|————— vue.config.utils.js # vue-cli 配置文件
|
|
└───── yarn.lock # 依赖资源版本锁定不可编辑或删除该文件

注：按需创建自己的项目目录