vue-cli腳手架文件詳解
https://www.cnblogs.com/hongdiandian/p/8311645.html
vue-cli腳手架目錄一覽
轉(zhuǎn)載自：https://www.cnblogs.com/hongdiandian/p/8311645.html
最近在學習vue牢撼，看的稀里糊涂轿衔。今天從頭開始烟逊，把cli配置的vue項目目錄和配置文件搞清楚衷旅。
先看看整個項目目錄結(jié)構(gòu)：
再看看build文件夾下相關文件及目錄：
config文件夾下目錄和文件：
接下來說說vue-cli項目中頁面相關的主要文件o
首先是index.html:
說明：一般只定義一個空的根節(jié)點，在main.js里面定義的實例將掛載在#app節(jié)點下课锌，內(nèi)容通過vue組件填充厨内。
App.vue文件：
說明：app.vue是項目的主組件，所有頁面都是在app.vue下切換的渺贤。一個標準的vue文件雏胃，分為三部分。
第一裝寫html代碼在<template></template>中志鞍，一般在此下面只能定義一個根節(jié)點瞭亮；
第二<script></script>標簽；
第三<style scoped></style>用來寫樣式固棚，其中scoped表示统翩。該style作用于只在當前組件的節(jié)點及其子節(jié)點仙蚜，但是不包含子組件呦。
<router-view></router-view>是子路由視圖厂汗，后面的路由頁面都顯示在此處委粉，相當于一個指示標，指引顯示哪個頁面娶桦。
main.js:
說明：入口文件來著贾节，主要作用是初始化vue實例并使用需要的插件。比如下面引用了4個插件衷畦，但只用了app（components里面是引用的插件）栗涂。
router下面的index.js文件：路由配置文件。
說明：定義了三個路由祈争，分別是路徑為/斤程，路徑為/msg，路徑為/detail菩混。后續(xù)會詳細說明暖释，因為我也是才學好多東西不懂，囧墨吓。
轉(zhuǎn)載自：https://www.cnblogs.com/wisewrong/p/6255817.html
理解index.html App.vue main.js 轉(zhuǎn)載自：https://zhuanlan.zhihu.com/p/34859248
2、index.html纹磺、App.vue帖烘、main.js、index.js 四個文件的聯(lián)系
使用vue-cli創(chuàng)建項目
https://www.cnblogs.com/wisewrong/p/6255817.html
需要注意的點：執(zhí)行$ vue init webpack data-analysis-system指令時橄杨，data-analysis-system不能大寫
