安裝Node.js
想要安裝Vue的腳手架，需要安裝Node.js判帮，使用npm氓侧，如果沒(méi)有安裝Node.js约巷，請(qǐng)先安裝Node.js： 到官網(wǎng)（https://nodejs.org/en/）下載安裝程序 旱捧，安裝成功后打開(kāi)cmd輸入 npm -v 如果顯示npm的版本號(hào)，則說(shuō)明安裝成功氓癌。
檢測(cè)npm版本號(hào)
如果想要npm最新版本可以輸入
npm -install npm -g 進(jìn)行安裝贫橙。如果提示 “npm不是內(nèi)部或外部命令，也不是可運(yùn)行的程序 或批處理文件疲迂∧妫”就打開(kāi)環(huán)境變量，看看有沒(méi)有把node.js添加到環(huán)境變量中腰池，如果沒(méi)有忙芒，就把自己安裝Node.js的路徑添加到系統(tǒng)環(huán)境變量的path中。
NodeJs環(huán)境變量
yarn安裝
輸入 npm install yarn -g 安裝yarn
安裝Vue腳手架--Vue CLI
npm install @vue/cli -g
# OR
yarn global add @vue/cli -g
# -g ：表示全局
安裝后在cmd中輸入 vue -V 查看vue/cli（腳手架）是否安裝成功避乏，如果安裝成功甘桑，會(huì)顯示你安裝的版本號(hào)跑杭。
檢測(cè)腳手架是否安裝成功
如果提示 “vue不是內(nèi)部或外部命令，也不是可運(yùn)行的程序 或批處理文件爹橱≌觯”慰技，可以把vue.exe所在的路徑C:\Users\Administrator\AppData\Local\Yarn\bin（我是用yarn安裝的腳手架组砚，AppData后面的路徑如果沒(méi)有更改過(guò)電腦的路徑配置，默認(rèn)就是這樣）添加到系統(tǒng)環(huán)境變量的path中艾帐。
環(huán)境變量設(shè)置
再次測(cè)試盆偿，就可以解決上面的問(wèn)題啦事扭。
通過(guò)腳手架創(chuàng)建Vue項(xiàng)目
打開(kāi)要?jiǎng)?chuàng)建項(xiàng)目的位置，輸入 vue create 項(xiàng)目名 進(jìn)行創(chuàng)建項(xiàng)目求橄。
vue create vue-demo
選擇Vue版本
這里會(huì)讓你選擇Vue的版本谈撒，一般來(lái)說(shuō)匾南，我們會(huì)選擇最后一項(xiàng)——自定義。
選擇項(xiàng)目需要的東西（空格選中/取消選中）
以上選項(xiàng)的含義：
--
Choose Vue version：選擇Vue的版本溯乒；--
Babel：轉(zhuǎn)碼器豹爹，可以將ES6代碼轉(zhuǎn)為ES5代碼臂聋，從而在現(xiàn)有環(huán)境執(zhí)行；--
TypeScript：TypeScript是一個(gè)JavaScript（后綴.js）的超集（后綴.ts）包含并擴(kuò)展了 JavaScript 的語(yǔ)法孩等，需要被編譯輸出為 JavaScript在瀏覽器運(yùn)行；--
Progressive Web App (PWA) Support ：漸進(jìn)式Web應(yīng)用程序冰垄；--
Router ：vue-router（vue路由 https://router.vuejs.org/zh/）权她；--
Vuex ：vue的狀態(tài)管理模式（https://vuex.vuejs.org/zh/）逝薪；--
CSS Pre-processors ：CSS 預(yù)處理器（如：less董济、sass）洲炊；--
Linter / Formatter ：代碼風(fēng)格檢查和格式化（如：ESlint）；--
E2E Testing ：e2e（end to end 端到端） 測(cè)試询微。
ps：端到端測(cè)試：end to end測(cè)試狂巢，又稱為e2e測(cè)試，可以看做一個(gè)自動(dòng)化的測(cè)試腳本唧领，其目的是模擬用戶行為斩个，通過(guò)自動(dòng)的訪問(wèn)一個(gè)真實(shí)瀏覽器環(huán)境下的頁(yè)面，對(duì)于頁(yè)面上的任意操作受啥，斷言瀏覽器中發(fā)生特定的行為。
選擇Vue版本
剩下的依次選擇需要的東西即可居暖。
創(chuàng)建完成
輸入
npm run serve 或者 yarn serve 打開(kāi)服務(wù)器太闺，具體是什么創(chuàng)建完成時(shí)會(huì)有嘁圈。
打開(kāi)項(xiàng)目文件夾最住，開(kāi)啟服務(wù)器：
服務(wù)器已打開(kāi)
在瀏覽器地址欄內(nèi)輸入 http://localhost:8080 就可以訪問(wèn)這個(gè)Vue項(xiàng)目了。
