vue项目入门指南

Vue小白拿到一个Vue项目，不知道从哪里下手，项目结构如下所示，它是用vue-cli创建，Vue-cli是Vue的脚手架工具，通俗的说就是官方提供的一个命令行工具（vue-cli），可用于快速搭建大型单页应用。

---

目录结构介绍如下：参考
bulid 里面是一些操作文件，使用npm run * 时其实执行的就是这里的文件

config 配置文件，执行文件需要的配置信息

src 资源文件，所有的组件以及所用的图片都是在这个放着的简单看一下这个文件夹下都放了那些东西

assets 资源文件夹，放图片之类的资源，components 组件文件夹，写的所有组件都放在这个文件夹下，现在有一个写好的组件已经放到里面了，router 路由文件夹，这个决定了也面的跳转规则，App.vue应用组件，所有自己写的组件，都是在这个组件之上运行了，main.js webpack入口文件，webpack四大特性entry入口、output输出，loader加载器，plugins插件，可以再项目中build\webpack.base.conf.js第12行看到这个入口文件是哪个。

.babelrc babel配置文件，把我们ES2105的代码通过它编译成ES5的。

.editorconfig 编辑器配置

.eslintignore 忽略语法检查的目录文件配置

.eslintrc.js eslint的配置文件

.gitignore 配置git仓库的忽略

index.html 项目入口模板文件

package.json node配置文件