vue项目里各个文件说明

目录文件说明   
├─dist                                     生产环境打包目录`npm run buil`
├─test                                     预发布环境(测试)打包目录`npm run test`
├─public                                   项目根目录      vuecli3构建基础模块--public
       favicon.ico
       index.html                              入口页面
├─src                                      项目源码目录    vuecli3构建基础模块--src
   │  App.vue                                  根组件 
   │  main.js                                  入口js
   │  
   ├─assets                                    项目公用资源目录(图片,ico)
   ├─config                                    项目公用配置目录
   │      api.js                                   接口文档合集
   │      axios.js                                 axios请求配置
   │      mock.js                                  mock数据
   │      reg.js                                   项目正则整理
   │      storage.js                               cookie.storage方法整理
   ├─router                                    项目路由目录
   │  │  index.js                                 路由主入口文件
   │  │  
   │  └─modules                                   路由模块
   │          artist.js                               艺术家路由.js
   │          artwork.js                              艺术品路由.js
   │          loginres.js                             登录注册路由.js
   │          
   ├─store                                      项目vuex目录
   │      index.js                                  vuex主文件
   │      
   └─views                                      项目页面模块目录
       ├─common                                     公用组件模块
       │  │  404.vue                                    公用组件404页面
       │  │  DywASearch.vue
       │  │  DywPage.vue                           
       │  │  Footer.vue                                 公用组件页面尾部
       │  │  Header.vue                                 公用组件页面头部
       │  │  
       │  └─images                                      公用组件图片存放
       │  
       ├─index                                      页面主模块
       │      Index.vue                                 index.vue       
       │  
       ├─home                                    首页模块
       │  
       └─模块name                                模块
       │  ├─comments                                模块组件
       │  ├─css                                      模块样式     
       │  ├─js                                           模块逻辑js
       │  └─images                                  模块图片
       │  
└─ 
├ .editorconfig                                  
├ .env                                    配置生产环境   
├ .env.test                               配置测试环境
├  .gitignore
├ babel.config.js                         babel 
├ package-lock.json        
├ package.json                            npm包配置文件,里面定义了项目的npm脚本,依赖包等信息
├ README.md
├ vue.config.js                           本地跨域代理
 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值