1. build文件夾：打包配置的文件夾
2. config文件夾：打包的配置，webpack對應的配置
3. src文件夾：開發項目的源碼
4. App.vue ： 入口組件 :項目入口文件，頁面級vue組件
5. static文件夾：靜態資源，圖片
6. .babelrc：ES6解析的配置
7. .gitignore：忽略某個或一組文件git提交的一個配置
8. index.html：單頁面的入口，通過webpack的打包構建之后，會對src源碼進行編譯，最終把它們插入到html里面來
9. package.json：基礎配置，告訴我們項目的信息（版本號、項目姓名、依賴）
10. node_modulues：項目的安裝依賴
main.js:項目核心文件 這個里邊是自己寫的所有 內容 組件都會import到這 然而他會被html主文件使用
我再開發的時候一般都是以App.vue作為一個大組件 小組件都會放到component中
組件化
整個應用通過 vue 組件的方式搭建起來，通過 vue-router 控制相應組件的展現，組件樹結構如下：
app.vue 根組件（整個應用只有一個）
├──view1.vue 頁面級組件，放在 views 目錄里面，有子組件時，可以建立子目錄
│ ├──component1.vue 功能組件，公用的放在 components 目錄，否則放在 views 子目錄
│ ├──component2.vue
│ └──component3.vue
├──view2.vue
│ ├──component1.vue
│ └──component4.vue
└──view3.vue
├──component5.vue
……
組件化思想就是這樣的結構 所有的東西不是能不能寫出來 而是對於以后能不能方便看出結構
https://www.cnblogs.com/nangxi/p/7307080.html理解最基本結構