基于vue-cli创建的项目的目录结构及说明介绍
一、
├──build//项目构建(webpack)相关代码记忆：（够贱）9个
│├──build.js//生产环境构建代码
│├──check-versions.js//检查node&npm等版本
│├──dev-client.js//热加载相关
│├──dev-server.js//构建本地服务器
│├──utils.js//构建配置公用工具
│├──vue-loader.conf.js//vue加载器
│├──webpack.base.conf.js//webpack基础环境配置
│├──webpack.dev.conf.js//webpack开发环境配置
│└──webpack.prod.conf.js//webpack生产环境配置
二、
├──config//项目开发环境配置相关代码记忆：（环配）3个
│├──dev.env.js//开发环境变量（看词明意）
│├──index.js//项目一些配置变量
│└──prod.env.js//生产环境变量
三、
├──node_modules//项目依赖的模块记忆：（依赖）*个
四、
├──src//源码目录5
1
│├──assets//资源目录
││└──logo.png
2
│├──components//vue公共组件
││└──Hello.vue
3
│├──router//前端路由
││└──index.js//路由配置文件
4
│├──App.vue//页面入口文件（根组件）
5
│└──main.js//程序入口文件（入口js文件）
五、
└──static//静态文件，比如一些图片，json数据等
│├──.gitkeep
剩余、
├──.babelrc//ES6语法编译配置
├──.editorconfig//定义代码格式
├──.gitignore//git上传需要忽略的文件格式
├──index.html//入口页面
├──package.json//项目基本信息
├──README.md//项目说明
附录、
一般情况下：
ESlintes6的代码风格检查器y
AirBNB默认
Karma+MochaNo
e2eNo
以上这篇基于vue-cli创建的项目的目录结构及说明介绍就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。