一、了解一下什么是Vue
Vue是：構(gòu)建用戶界面的漸進(jìn)式框架臣樱，可以自底向上逐層應(yīng)用（大概是這個(gè)意思靶擦？由基層開始做起腮考，把基礎(chǔ)的東西寫好，再逐層往上添加效果和功能玄捕。）
二踩蔚、vue-cli腳手架安裝及運(yùn)行過(guò)程：
（前期剛學(xué)時(shí)不建議直接安裝vue-cli腳手架，可以直接通過(guò)<script></script>引入枚粘，如：<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 然后直接用就行了）
1.首先Windows+R 打開cmd馅闽；輸入npm -v 和node -v 檢測(cè)是否安裝了npm和node.js，沒(méi)安裝先去安裝node.js（npm是隨node.js一起安裝的包管理工具馍迄，就不用安裝了）附上node.js安裝地址：
2.然后還需要淘寶鏡像安裝cnpm和webpack支撐（有時(shí)候安裝依賴特別慢 就會(huì)用到cnpm）
淘寶鏡像安裝cnpm命令：
npm install -g cnpm --registry=https://registry.npm.taobao.org
安裝之后 執(zhí)行cnpm -v福也，如果出現(xiàn)相應(yīng)的版本號(hào)就是安裝成功
webpack安裝命令：
npm install -g webpack?
安裝之后 執(zhí)行webpack -v，它會(huì)問(wèn)你：
Do you want to install 'webpack-cli' (yes/no):?
直接回車就可以攀圈，然后再執(zhí)行webpack -v暴凑，如果出現(xiàn)相應(yīng)的版本號(hào)就是安裝成功
3.最后就是安裝vue-cli腳手架了
vue-cli腳手架安裝命令：
cnpm install -g vue-cli?
安裝之后 執(zhí)行 vue -V?，如果出現(xiàn)相應(yīng)的版本號(hào)就是安裝成功
4.用vue-cli創(chuàng)建一個(gè)基于webpack的新項(xiàng)目并運(yùn)行
首先可以在桌面新建一個(gè)文件夾赘来，如：Vue
然后執(zhí)行cd Vue 進(jìn)入文件夾现喳，然后輸入以下命令新建項(xiàng)目，回車
vue init webpack
然后根據(jù)提示一路回車犬辰，這時(shí)文件夾下就會(huì)有很多相關(guān)文件了
最后用cnpm安裝依賴：
cnpm install
最后的最后 就是運(yùn)行項(xiàng)目啦 輸入以下命令：
cnpm run dev
或者以下命令也可以：
npm run dev
如果成功的話嗦篱，一般就是提醒你可以在瀏覽器地址欄輸入以下地址就能正常訪問(wèn)了
localhost:8080
至此，應(yīng)該就可以正常訪問(wèn)一個(gè)新建的項(xiàng)目了忧风，接下來(lái)的就是在新項(xiàng)目中通過(guò)組件默色、事件、指令等等豐富項(xiàng)目狮腿。
本文根據(jù)vue.js官方文檔學(xué)習(xí)總結(jié)腿宰。附上官方文檔：
