Vue脚手架的入门基础（二）—— 项目结构

相对react的umi脚手架，vue的脚手架文件已经简单很多了。
先看看那些外面的配置文件，主要看package.json吧，别的一般不太会去改。

然后我们看看src里面的，重点来了，我们按照项目执行后的顺序来讲。

在我们执行了yarn run serve之后启动服务器，首先找到的入口文件就是main.js，main.js引入了App.vue。

App.vue是一个司令组件，里面引入所有项目要用到的子组件（这里引入HelloWorld组件），他自己本身没有实质性的页面内容。注意这里App.vue已经是一个.vue后缀的文件了，已经有<template> <script> <style>三件套了。

HelloWorld.vue 是Vue脚手架创建时候给我们的一个简单的样例组件，实质是一个单文件组件，看上去东西很多，我这里把HelloWorld.vue没用的删干净，看看它的结构。
其实HelloWorld.vue就是一个简易的vue组件，里面有一个放msg信息的h1标签，msg是引用<HelloWorld>标签的时候通过props传值给它的。