基于vue-cli创建的项目的目录结构及说明介绍


Posted in Javascript onNovember 23, 2017

一、

├── 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// 项目说明

附录、

一般情况下:

ESlint es6的代码风格检查器 y
AirBNB 默认
Karma + Mocha No
e2e No

以上这篇基于vue-cli创建的项目的目录结构及说明介绍就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 过滤not()与filter()实例代码
May 10 Javascript
浅析用prototype定义自己的方法
Nov 14 Javascript
删除javascript中注释语句的正则表达式
Jun 11 Javascript
js获取数组的最后一个元素
Apr 14 Javascript
JQ技术实现注册页面带有校验密码强度
Jul 27 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
Jan 12 Javascript
AngularJs每天学习之总体介绍
Aug 07 Javascript
浅谈FastClick 填坑及源码解析
Mar 02 Javascript
AngularJS与后端php的数据交互方法
Aug 13 Javascript
详解axios中封装使用、拦截特定请求、判断所有请求加载完毕)
Apr 09 Javascript
Json实现传值到后台代码实例
Jun 30 Javascript
关于javascript中的promise的用法和注意事项(推荐)
Jan 15 Javascript
sublime text配置node.js调试(图文教程)
Nov 23 #Javascript
Vue代码分割懒加载的实现方法
Nov 23 #Javascript
初探js和简单隐藏效果的实例
Nov 23 #Javascript
详解如何在angular2中获取节点
Nov 23 #Javascript
Vuejs中使用markdown服务器端渲染的示例
Nov 22 #Javascript
浅谈Vue-cli 命令行工具分析
Nov 22 #Javascript
JavaScript数据结构与算法之队列原理与用法实例详解
Nov 22 #Javascript
You might like
优化NFR之一 --MSSQL Hello Buffer Overflow
2006/10/09 PHP
php5.2.0内存管理改进
2007/01/22 PHP
分享php代码将360浏览器导出的favdb的sqlite数据库文件转换为html
2015/12/09 PHP
Maps Javascript
2007/01/22 Javascript
基于jQuery的左右滚动实现代码
2010/12/03 Javascript
原生JS实现表单checkbook获取已选择的值
2013/07/21 Javascript
js 跳出页面的frameset框架示例介绍
2013/12/23 Javascript
jquery实现可自动判断位置的弹出层效果代码
2015/10/12 Javascript
浅析JavaScript 调试方法和技巧
2015/10/22 Javascript
JavaScript关于提高网站性能的几点建议(一)
2016/07/24 Javascript
JavaScript代码里的判断小结
2016/08/22 Javascript
vue源码入口文件分析(推荐)
2018/01/30 Javascript
vue中如何使用ztree
2018/02/06 Javascript
Angular 多级路由实现登录页面跳转(小白教程)
2019/11/19 Javascript
Vue+ElementUI使用vue-pdf实现预览功能
2019/11/26 Javascript
vue页面跳转实现页面缓存操作
2020/07/22 Javascript
[43:51]2014 DOTA2国际邀请赛中国区预选赛 Dream Times VS TongFu
2014/05/22 DOTA
解决Python 遍历字典时删除元素报异常的问题
2016/09/11 Python
从CentOS安装完成到生成词云python的实例
2017/12/01 Python
Python学生信息管理系统修改版
2018/03/13 Python
Python中的self用法详解
2019/08/06 Python
使用Matplotlib 绘制精美的数学图形例子
2019/12/13 Python
pycharm下配置pyqt5的教程(anaconda虚拟环境下+tensorflow)
2020/03/25 Python
Python实现疫情地图可视化
2021/02/05 Python
英国景点门票网站:attractiontix
2019/08/27 全球购物
2019年分享net面试的经历和题目
2016/08/07 面试题
消防安全汇报材料
2014/02/08 职场文书
学生干部学习的自我评价
2014/02/18 职场文书
生活部的活动方案
2014/08/19 职场文书
大型公益活动策划方案
2014/08/20 职场文书
运动会加油稿100字
2014/09/19 职场文书
员工辞职信范文大全
2015/05/12 职场文书
合同纠纷调解书
2015/05/20 职场文书
2016拓展训练心得体会范文
2016/01/12 职场文书
nginx结合openssl实现https的方法
2021/07/25 Servers
Mysql查询时间区间日期列表,不会由于数据表数据影响
2022/04/19 MySQL