本篇介绍一下整个项目的代码结构
首先在编辑器里打开通过Vue CLI这个脚手架工具生成的项目。如下图所示：
在这个项目里面，有很多的初始化文件，简单地给大家来说一下每个文件的含义：
build：项目打包webpack相关内容
config：项目配置文件
node_modules：项目依赖的node的第三方包
src：asstes：项目中用到的图片、样式资源
components：项目中用的组件
router：项目所有的路由配置
App.vue：项目最原始的根组件
main.js：整个项目的入口文件
static：静态资源，图片，静态数据
.babelrc：语法解析器配置，来进行语法转换，最终转换成能被浏览器编译执行的代码
.editorconfig：编辑器语法的配置
.eslintignore：不会受ESLint检测的文件配置
.eslintrc.js：代码规范配置，检查代码是否写的标准
.gitignore：使用git时不会被上传到仓库的文件
.postcssrc.js：是对postcss的配置项
index.html：项目默认首页模板文件
package.json：文件中是第三方依赖包
package-lock.json：package的锁文件，帮助确定安装的第三方依赖包的版本，保持团队编程的统一
README.md：项目的说明文件
在后面的开发过程中，其中这些配置文件是不需要做太多改动的，要做的事情就是在src这个源代码的目录下进行开发就可以了，具体需要哪些配置到时候就再补充相应知识即可。
