1.首先咱們去nodejs官網:https://nodejs.org/en/download/ (下載nodejs,下載本身電腦想匹配的最新版本)vue
2.其次 去下載一個cnpm (註釋:淘寶npm鏡像,這個是阿里把外國的npm服務器搬到咱們中國來了,用淘寶鏡像npm下載一些配置文件會更快一些)node
操做以下:電腦右下角 window輸入cmd, 把webpack
npm install -g cnpm --registry=https://registry.npm.taobao.org
複製到cmd裏面去就能夠拉。(註釋:咱們用ctrl+C 複製網站,在cmd中鼠標點擊右鍵粘貼就能夠複製
npm install -g cnpm --registry=https://registry.npm.taobao.org 而後回車鍵進行安裝。
)
3.安裝vue文件web
cnpm install i vue -Snpm
4.安裝vue腳手架,關於腳手架問題,bash
有些兄弟姐妹會發現安裝的時候會一直卡着不動,我也遇到過這個問題,最後查資料發現是我安裝的vue腳手架版本比較低出現的問題服務器
// 以前我安裝的時候是用 cnpm install -g vue/cli 用這個安裝的是舊版本的特別傷,我用vue init webpack app的時候,真的卡在一個地方一個晚上,睡醒後發現仍是卡在那個地方,因此必定要切記安裝 vue腳手架必定要安裝最新版本的,最新版本以下:
cnpm install -g @vue/cli
cnpm install -g @vue/cli-initapp
安裝上面2個vue腳手架配置文件後,輸入:
vue init webpack app 網站
//備註: app 是本身創建的文件,名字能夠本身取,好比 my-app呀,或者其餘的都可ui
//配置的時候 除了 use ESlint to lint your code 選擇n 其餘都是選擇y ,由於 use ESlint to lint your code 咱們寫代碼的時候會比較嚴格,好比代碼必須空格相同呀....
當安裝完畢後,輸入npm run dev
運行完畢後會給咱們一個網址 http//localhost:8000
5.一些須要瞭解的 vue腳手架目錄
build 是webpack配置文件
config 核心文件
src存放的是資源,assets中存放的是靜態資源好比 圖片
router是路由