高仿去哪儿app旅游项目，采用vue全家桶开发，总结技术感悟

高仿去哪儿app旅游项目，采用vue全家桶开发，总结技术感悟

　　使用的技术栈

　　Vue：Vue、Vue-router、Vuex、Vue-cli

　　插件：vue-awesome-swiper、better-scroll、axios

　　CSS的预处理框架：stylus

　　api：后台数据接口

　　项目目录

　　README.md //项目的说明文件

　　package.json //第三方依赖包配置

　　package-lock.json //帮助我们去确定安装的第三方依赖包的具体的版本，保持团队编程的统一

　　LICENSE //开源协议的说明

　　index.html //项目默认的首页

　　.postcssrc.js //是对postcss的配置项

　　.gitgnore //不需要上传到git上的文件管理

　　.eslintrc.js //对代码进行检验，是否标准

　　.eslintignore //配置不需要eslintrc检测工具检测的文件

　　.editorconfig //配置编辑器总风格统一的自动化格式的语法

　　.babelrc//做一些语法的转换，编译成浏览器所能识别的代码

　　static//目录下放的是一些静态资源，静态图片，静态数据，和后续模拟json数据

　　node_modules//项目中需要用到的第三方node包

　　src//放的是项目的源代码

　　src/main.js //整个项目的入口文件

　　src/app.vue//整个项目最原始的免费根组件

　　src/router/index.js//项目的路由放置位置

　　src/components//项目里要用的一些小组件

　　src/assets//项目中需要用到的图片

　　config//放置项目配置文件

　　config/index.js//放基础配置

　　v.js//开发环境配置信息

　　v.js//线上环境配置信息

　　build//放置项目打包的webpack配置信息，vue-cli会自动构建

　　build/f.js//基础的webpack配置信息

　　build/f.js//开发环境的webpack配置信息

　　build/f.js//线上环境的webpack配置项

　　效果图

　　慕课网：

　　.html

　　源代码：