vue项目目录结构说明

├── build                               //构建相关  

├── config                             //配置相关

├── src                                 //源代码

│ ├── api                              //所有请求

│ ├── components                //全局UI组件

│ ├── directives                     //全局指令

│ ├── mock                           //mock数据

│ ├── router                           //路由

│ ├── store                            //全局store管理

│ ├── utils                             //全局公用方法

│ ├── containers                    //自适应布局组合

│ ├── vendor                          //UI组件依赖js

│ ├── views                            //views界面

│ │ ├── charts                        //图表组件

│ │ ├── components               //公共组件

│ │ ├── login                          //登录界面

│ │ ├── pages                        //页面

│ │ └── permission                 //权限测试界面

│ ├── App.vue                         //入口页面

│ └── main.js                           //入口 加载组件 初始化等

├── static                                //静态资源

│ ├── bower_components       //七牛SDK

│ ├── css                                 //css

│ ├── js                                    //js

│ └── Jquery.min.js                   //jq

├── .babelrc                             //babel-loader 配置

├── eslintrc.js                            //eslint 配置项

├── .gitignore                           //git 忽略项

├── favicon.ico                          //favicon图标

├── index.html                           //html模板

└── package.json                       //package.json

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
一个典型的Vue 2项目目录结构如下所示: ``` ├── build/ # 构建相关的文件,一般不需要关注 ├── config/ # 配置相关的文件,一般不需要关注 ├── src/ # 源代码 │ ├── assets/ # 静态资源文件,如图片、字体等 │ ├── components/ # Vue组件 │ ├── router/ # 路由配置文件 │ ├── store/ # Vuex状态管理相关文件 │ ├── styles/ # 全局样式文件 │ ├── utils/ # 公用的工具函数 │ ├── views/ # 页面组件 │ ├── App.vue # 根组件 │ └── main.js # 入口文件 ├── static/ # 静态资源文件,如图片、字体等(不会被webpack处理) ├── tests/ # 测试相关的文件,一般不需要关注 ├── .babelrc # Babel配置文件 ├── .editorconfig # 编辑器配置文件,可根据个人喜好设置 ├── .gitignore # Git忽略配置文件 ├── index.html # 首页HTML文件 └── package.json # 项目配置文件 ``` 上述目录结构是一个基本的Vue 2项目的示例,可以根据实际需求进行调整和扩展。在这个目录结构中,主要的关注点是`src/`目录,其中包含了项目的源代码。`assets/`目录用于存放静态资源文件,如图片、字体等;`components/`目录用于存放Vue组件;`router/`目录用于存放路由配置文件;`store/`目录用于存放Vuex状态管理相关文件;`styles/`目录用于存放全局样式文件;`utils/`目录用于存放公用的工具函数;`views/`目录用于存放页面组件;`App.vue`是根组件;`main.js`是入口文件。 其他的目录和文件,在一般情况下,开发者可以不需要关注或修改。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值