一、首先创建一个vue项目，如：my-vue,其代码结构如下：
image.png
由上图分析每个文件的作用：
image.png
二、我们主要工作src文件夹的分析结构如图：
image.png
这是src文件夹下面的初始情况，里面有一些示例代码之类的。比如，它吧logo放在assets文件夹里面。我个人很不喜欢这么做，因为代码是代码，资源是资源，各归其位比较好。
commponents 目录里面放了一个演示的组件文件，你可以打开看下。当然，也可以直接删除，然后根据我的博文往下走。
App.vue 是项目入口文件。当然，我们需要改造，改造成我们可以使用的样子的。
main.js 这是项目的核心文件。全局的配置都在这个文件里面配置。
整理目录
下面，我们开始动手，把不想管的干掉，然后把src变成这个样子:
