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

Posted 山高我为峰

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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// 程序入口文件



五、

└── 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创建的项目的目录结构及说明的主要内容,如果未能解决你的问题,请参考以下文章

使用vue-cli创建vue项目及项目结构说明

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

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

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

vue-cli 脚手架目录结构说明

vue-cli搭建及项目目录结构