vue去哪网项目开发一

vue去哪网项目开发一

1：首先介绍下我们项目的代码结构， 18.png
README.md表示项目的说明文件

package.json文件里有很多的依赖包，表示再开发项目的时候我们要有一些第三方模块的一些依赖，我们都放在这里
package-lock.json是package的一个锁文件，可以帮助我们去确定我们安装的第三方包的具体的版本，保持我们团队里面的统一。
LICENSE代表一个开源协议的说明
index.html 是我们默认的首页的模板文件
.postcssrc,js是对postcss的一个配置项
.gitignore当我们使用git上传我们的代码，但是有一些特殊的文件我们不希望上传，那我们就可以在这里配置
.eslintrc.js用来检测我们写的代码是否标准，配置了一些代码规范，我们写代码必须按照这个规范写，他才不会做错误的提示。
.eslintignore表示我们在build、config、dist、以及所有的js的文件是不会进行代码检测的。
.editorconfig是帮我们配置编辑器里面的一些语法，
.babelrc在这里我们的项目其实是vue的单文件组件的写法，所以需要通过babel这种语法解析器做一些语法上的转换，最终转化成浏览能够编译执行的代码。
static目录：里面放的是我们的一些静态资源，一些静态的图片
node_module目录：里面放的是我们这个项目中依赖的一些第三方的包
src目录：里面放的是我们整个项目的源码，下面分别介绍，main.js是我们整个项目的入口文件，App.vue是我们项目最原始的根组件，这个项目里所有的路由我们都放在这个router下面的index.js文件里，components里面放的是我们项目里面要用的一些小组件，assets里面放的是我么项目里面用到的一些图片类的资源
config目录：里面放的是我们项目的配置文件，基础的配置信息放在index.js文件中，开发环境的一些配置信息放在dev.env.js文件中，线上环境的一些配置信息放在prod.evn,js文件中
build目录：里面放的是我们项目打包的一些配置信息，webpack.base.conf.js 配置的基础的webpack配置项，wepwebpack.dev.conf.js 开发环境中的webpack配置项，webpack.prod.conf.js线上环境中的webpack配置项