vue去哪网项目开发一
vue去哪网项目开发一
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配置项