vue学习二、vue运行原理及路由配置

安装好脚手架后，面对一排文件夹和文件是不是很懵逼？这一推破玩意儿是啥啊，它是怎么运行的呢？我们开始时怎么入手呢？这个笔记解决这个问题。

一、一级目录结构：看图说话

从上到下的一级目录或文件分别是：

build    项目构建(webpack)相关代码

config    配置目录，包括端口号等。我们初学可以使用默认的。

node_modulesnpm    加载的项目依赖模块

src    这里是我们要开发的目录，基本上要做的事情都在这个目录里。

static    静态资源目录，如图片、字体等。

test    初始测试目录，可删除

四个.xxxx文件    这些是一些配置文件，包括语法配置，git配置等。

index.html    首页入口文件，你可以添加一些 meta 信息或统计代码啥的。重要，等会讲解

package.json    项目配置文件。

README.md    项目的说明文档，markdown 格式

二、运行方式

分别介绍上图中，黄色箭头标注的四个文件

1、index.html（这是首页入口文件，所有东西从此进入）内容如下：

严重吐槽：简书竟然不能粘贴html代码，这是要逼死狗吗？好吧，我不写的！TMD!!!!!!