vue项目文件说明

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

希望可以帮助到您!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值