四、vueJs基礎知識04

簡單的目錄結構:
　　|-index.html
　　|-main.js 　　入口文件
　　|-App.vue　　 vue文件，官方推薦命名法（首字母大寫）

　　|-components      組件存放的文件夾
　　|-package.json 　　工程文件(項目依賴、名稱、配置)
　　　　　　　　　　　npm init --yes 生成
　　|-webpack.config.js　　 webpack配置文件

ES6: 模塊化開發
　　導出模塊：
　　　　export default {}
　　引入模塊:
　　　　import 模塊名 from 地址
--------------------------------------------
webpak準備工做:
　　cnpm install webpack --save-dev （不帶服務器）
　　cnpm install webpack-dev-server --save-dev （帶服務器）

　　App.vue -> 變成正常代碼 vue-loader@8.5.4
　　cnpm install vue-loader@8.5.4 --save-dev

　　cnpm install vue-html-loader --save-dev

　　vue-html-loader、css-loader、vue-style-loader（行內的css樣式）、
　　vue-hot-reload-api@1.3.2（組件內的js）

　　babel-loader
　　babel-core（核心語法）
　　babel-plugin-transform-runtime
　　babel-preset-es2015
　　babel-runtime

　　最最核心：
　　　　vue下載
　　　　生產依賴和開發依賴是經過下載的命名區分的 --save-dev（開發依賴）

　　　　　　　　　　　　　　　　　　　　　　　　 --save（生產依賴）