0. bin 执行脚本
1. build 打包相关的东西
2. mock 模拟数据(接口等等)
3. node_mdules 项目的依赖包
4. public 浏览器运行的网页
5. src 业务代码
6. tests 测试
7. editorconfig 通用的编辑器配置文件
8. .env.development
.env.production -> 环境配置文件
.env.staging
9. .eslintignore eslint忽略文件
10. .eslintrc.js eslint配置文件
11. .gitignore git忽略文件
12. .travis.yml 自动化部署
13. babel babel配置文件
14. jest 测试工具
15. jsconfig 影响vscode怎么识别js代码,编辑器相关的东西
16. package.json -> 项目的依赖列表
17. package-lock.josn ->维护每一个具体的版本,以及下载地址,校验。确保每个开发者用的是同一个依赖包,版本,开发环境一致
18. postcss css处理插件配置
19. ReadmME 项目的说明,描述文件 有两个,一个是中文,一个是英文
20. vue.config.js 脚手架配置文件
--------------------
这里把src单独拿出来
api 放接口
assets 放静态资源
components 全局组件
directive 指令
icons 图标
layout 公共布局 组件
router 路由
store 存放vuex
styles 公共样式 sass
utils 工具
views 页面组件
App.vue 整个网页的跟组件
main.js 项目入口文件
permission.js 权限相关,登录权限,页面权限
settings.js 公共的配置, 整个网页的标题
------------------------
store中的文件
app.js 项目左侧边栏 那些展开收起的一些相关内容信息
settings 读取项目公共的配置,
-------------------
特别说明:
1.utils中的request -> 是封装好的axios
2.utils中的auth -> 是补充vuex,把vuex中的token存放在cookie中
3.permission -> router.beforeEach:导航守卫 ,一般做登录检查和权限检查
比如登录检查,员工检查
4.settings -> 公共的一些样式配置,比如标题,logo
5.项目的运行需要,从main.js开始 -> 创建vue实例化 ->
-> 挂载路由router
-> 挂载vuex-store
-> 全局注册element组件库
-> 渲染App.vue
希望可以帮助到您!