码迷,mamicode.com
首页 > 其他好文 > 详细

vue-cli创建的项目的目录结构及说明

时间:2017-08-26 15:58:14      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:生产环境   前端路由   本地服务器   路由配置   rod   one   基础   生产环境配置   out   

一、

├── 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// 程序入口文件



五、

└── 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创建的项目的目录结构及说明

标签:生产环境   前端路由   本地服务器   路由配置   rod   one   基础   生产环境配置   out   

原文地址:http://www.cnblogs.com/liaojie970/p/7435345.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!