基于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 相关文章推荐
javascript实现的listview效果
Apr 28 Javascript
基于JQuery的数字改变的动画效果--可用来做计数器
Aug 11 Javascript
jQuery中:first-child选择器用法实例
Dec 31 Javascript
js的回调函数详解
Jan 05 Javascript
javascript实现3D变换的立体圆圈实例
Aug 06 Javascript
jQuery实现大转盘抽奖活动仿QQ音乐代码分享
Aug 21 Javascript
基于javascript实现tab选项卡切换特效调试笔记
Mar 30 Javascript
BootStrap入门教程(一)之可视化布局
Sep 19 Javascript
前端实现文件的断点续传(前端文件提交+后端PHP文件接收)
Nov 04 Javascript
Javascript DOM事件操作小结(监听鼠标点击、释放,悬停、离开等)
Jan 20 Javascript
JavaScript实现瀑布流以及加载效果
Feb 11 Javascript
vue祖孙组件之间的数据传递案例
Dec 07 Vue.js
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
PHP下用rmdir实现删除目录的三种方法小结
2008/04/20 PHP
PHP HTML代码串 截取实现代码
2009/06/29 PHP
PHP中10个不常见却非常有用的函数
2010/03/21 PHP
PHP全概率运算函数(优化版) Webgame开发必备
2011/07/04 PHP
php线性表顺序存储实现代码(增删查改)
2012/02/16 PHP
php实现telnet功能示例
2014/04/08 PHP
ThinkPHP提示错误Fatal error: Allowed memory size的解决方法
2015/02/12 PHP
PHP实现函数内修改外部变量值的方法示例
2018/12/28 PHP
PHP实现数组根据某个字段进行水平合并,横向合并案例分析
2019/10/08 PHP
IE 条件注释详解总结(附实例代码)
2009/08/29 Javascript
JavaScript的parseInt 取整使用
2011/05/09 Javascript
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
2014/01/14 Javascript
详解JavaScript语言的基本语法要求
2015/11/20 Javascript
JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
2016/06/17 Javascript
Vue.js开发环境搭建
2016/11/10 Javascript
Angular.JS去掉访问路径URL中的#号详解
2017/03/30 Javascript
如何使用bootstrap框架 bootstrap入门必看!
2017/04/13 Javascript
MVVM框架下实现分页功能示例
2018/06/14 Javascript
vue使用echarts图表的详细方法
2018/10/22 Javascript
vue实现列表滚动的过渡动画
2020/06/29 Javascript
在Python的Django框架中为代码添加注释的方法
2015/07/16 Python
python实现zabbix发送短信脚本
2018/09/17 Python
Pycharm远程调试原理及具体配置详解
2019/08/08 Python
Django框架获取form表单数据方式总结
2020/04/22 Python
Puritan’s Pride(普丽普莱)官方网站:美国最大最全的保健品公司之一
2016/10/23 全球购物
美国汽车性能部件和赛车零件网站:Vivid Racing
2018/03/27 全球购物
英国儿童设计师服装的领先零售商:Base
2019/03/17 全球购物
世界各地的旅游、观光和活动:Isango!
2019/10/29 全球购物
文秘专业大学生求职信
2013/11/10 职场文书
外贸业务员岗位职责
2013/11/24 职场文书
2014年感恩节活动策划方案
2014/10/06 职场文书
网站文案策划岗位职责
2015/04/14 职场文书
审查起诉阶段律师意见书
2015/05/19 职场文书
2019职场实习报告该怎么写?
2019/07/01 职场文书
win10识别不了U盘怎么办 win10系统读取U盘失败的解决办法
2022/08/05 数码科技
CSS中calc(100%-100px)不加空格不生效
2023/05/07 HTML / CSS