#yyds干货盘点#还不理不清Vue.js目录结构(2分钟我来带你了解)

知识养成了思想,思想同时又在融化知识。这篇文章主要讲述#yyds干货盘点#还不理不清Vue.js目录结构?2分钟我来带你了解相关的知识,希望能为你提供帮助。


目录风格
文件夹字母小写,组件首字母大写比较清晰


|-- build// 项目构建(webpack)相关代码
||-- build.js// 生产环境构建代码
||-- check-version.js// 检查node、npm等版本
||-- utils.js// 构建工具相关
||-- vue-loader.conf.js// webpack loader配置
||-- webpack.base.conf.js// webpack基础配置
||-- webpack.dev.conf.js// webpack开发环境配置,构建开发本地服务器
||-- webpack.prod.conf.js// webpack生产环境配置
|-- config// 项目开发环境配置
||-- dev.env.js// 开发环境变量
||-- index.js// 项目一些配置变量
||-- prod.env.js// 生产环境变量
||-- test.env.js// 测试脚本的配置
|-- src// 源码目录
||-- components// vue所有组件
||-- router// vue的路由管理
||-- App.vue// 页面入口文件
||-- main.js// 程序入口文件,加载各种公共组件
|-- static// 静态文件,比如一些图片,json数据等
|-- test// 测试文件
||-- e2e// e2e 测试
||-- unit// 单元测试
|-- .babelrc// ES6语法编译配置
|-- .editorconfig// 定义代码格式
|-- .eslintignore// eslint检测代码忽略的文件(夹)
|-- .eslintrc.js// 定义eslint的plugins,extends,rules
|-- .gitignore// git上传需要忽略的文件格式
|-- .postcsssrc// postcss配置文件
|-- README.md// 项目说明,markdown文档
|-- index.html// 访问的页面
|-- package.json// 项目基本信息,包依赖信息等

学vue的同学必须了解目录结构的组成,要不然就像在做梦一样思路不清晰!
最后【#yyds干货盘点#还不理不清Vue.js目录结构(2分钟我来带你了解)】如果对您有帮助,希望能给个

    推荐阅读