Day28 Vue CLI建立的专案结构

今天的话来简单介绍一下CLI的各个资料吧。

• node_modeules :node 相关的套件
• public :公开档案目录
• src :原始码目录，主要都在这里进行开发
• assets : 静态档案的预设目录
• componets : 元件档案的预设目录
• main.js : Vue 专案的预设进入点
• balbel.config.js : babel 设定档
• package.json : 专案、相依套件设定档

其中应该还会有一个dist的资料夹，通常是用来存放打包後的档案，因为我们还没打爆所以现在看不到。
现在我们把/src/main.js打开後应该会长这样，里面的#app是挂载在/public/index.html里面。

index.html里的<div id="app"></div> 就是 Vue 实体挂载的目标。

昨天我们输入npm run serve或yarn sreve预设就是从这里进入应用程序，main.js里的App.vue档就是我们的根元件。
在这里我们不用<script src="...">引入Vue或JS档，因为CLI会自动找到对应的档案。

今天就先到这了，明天见~