什么是Vue-cli
Vue-cli是Vue的腳手架工具，能夠幫助我們寫好Vue基礎(chǔ)代碼的工具郎汪，它能夠幫助我們搞定目錄結(jié)構(gòu)，本地調(diào)試闯狱，代
碼部署煞赢，熱加載，單元測試等工作哄孤。
vue-cli使用的webpack是2.0版本Vue-cli是Vue的腳手架工具照筑，能夠幫助我們寫好Vue基礎(chǔ)代碼的工具，它能夠幫助我們搞定目錄結(jié)構(gòu)，本地調(diào)試凝危，代
碼部署波俄，熱加載，單元測試等工作蛾默。
vue-cli使用的webpack是2.0版本
安裝：
前置條件：
node版本在4以上懦铺，npm版本在3以上
1，安裝vue-cli：npm install vue-cli -g
vue -V 查看是否安裝成功
2支鸡，初始化項目：vue init webpack 你的項目名稱
3冬念，進入項目目錄：cd 你的項目目錄
4，安裝項目依賴：npm install
5牧挣，在localhost啟動測試服務(wù)器：npm run dev
6急前，生成上線目錄（部署）：npm run build
目錄介紹：
build webpack配置相關(guān)
config webpack配置相關(guān)（生產(chǎn)環(huán)境和開發(fā)環(huán)境）
node_moules 通過npm install 安裝的依賴代碼庫
src 項目源碼（我們開發(fā)的所有代碼都會放在src目錄下）
static 放第三方靜態(tài)資源的
.gitkeep 提交git（空文件夾是不能提交到git的，所以添加了一個.gitkeep文件）
.babelrc ES6轉(zhuǎn)ES5配置文件
.editorconfig 編輯器的配置
.eslintignore 代碼風格檢測配置（忽略build和config文件夾下的js文件）
.eslintrc.js 代碼風格檢查配置
.gitignore 忽略掉提交到git的文件
index.html 入口文件
css和js是會動態(tài)插入到這個頁面的
main.js js入口文件
App.vue 整站的實例文件（可以看成是本項目的大組件或根組件）
組件分為三個部分：template瀑构，script裆针，style
package.json 整個項目的描述及插件
編寫組件步驟：
首先創(chuàng)建一個.vue文件，.vue文件里面包含三部分寺晌， template据块、javascript，style折剃，然后使用export default導(dǎo)
出一個對象另假，供其他組件使用。App.vue要用hello.vue組件怕犁，那么首先需要import進來边篮，然后通過components注冊，才
能在App.vue里面使用
用法及注意事項：
export default是什么奏甫？
使用import命令的時候戈轿，用戶需要知道所要加載的變量名或函數(shù)名，否則無法加載阵子。但是思杯，用戶肯定希望快速上
手，未必愿意閱讀文檔挠进，去了解模塊有哪些屬性和方法色乾。為了給用戶提供方便，讓他們不用閱讀文檔就能加載模塊领突，就
要用到export default命令暖璧，為模塊指定默認輸出。
