1.首先需要下載node和npm，Vue需要node的環境 (win7)
- node是JavaScript的運行環境；
- 32位安裝包 https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi；
- 64位安裝包 https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi；
- Node.js默認安裝目錄為 "C:\Program Files\nodejs"；
- 安裝后需要檢查一下環境變量PATH中是否添加了nodeJs的安裝路徑（運行cmd進入控制台，輸入PATH命令來查看是否添加了nodeJs的安裝路徑，在我這因為安裝在了C:\Program Files\nodejs\下，所以需要查找C:\Program Files\nodejs\是否在PATH變量中），如果沒添加的同學需要在環境變量path中添加你的安裝路徑（環境變量PATH可以右擊計算機->點擊屬性->高級系統設置->環境變量->找到PATH之后在最后加上你的node安裝路徑，注意要用分號隔開呀）；
- 之后，可以在控制台中輸入命令
node -v來查看node是否正確安裝,如果出現了版本號（我的是8.4.0），說明正確安裝啦！ 
- npm是同NodeJS一起安裝的包管理工具，主要用於Gulp，Vue，bootstrap，jQuery等等等插件的下載；
- 在安裝NodeJs時就已經將npm一同安裝好了，同樣在控制台中輸入
npm -v可以查看相應版本； - 由於有的時候安裝可能有些慢，可以使用淘寶鏡像（cnpm）來代替官方的npm，輸入以下命令：
- $ npm install -g cnpm --registry=https://registry.npm.taobao.org，安裝之后就可以將npm的命令用cnpm來代替啦。
2.之后進入正題，安裝vue-cli和webpack
- 先安裝Vue cli腳手架，之所以要安裝這個是因為這個工具能幫我們搭建好Vue項目的一個架子。
- 安裝命令：
npm install -g vue cli - 安裝之后輸入vue或者Vue -V可以查看相應版本號就說明安裝成功
- 如果出現
bash: vue: command not found這種情況的話，可能是你Vue的命令不正確？你可以檢查一下，不過不太可能，百分之八十是你npm的全局路徑配置錯誤 - 那么怎么查看npm全局路徑呢？
npm root -g可以查看當前npm的全局路徑。而默認的全局路徑基本上都是在C:\Users\Administrator\AppData\Roaming\npm\node_modules下，你下載的全局文件像你剛才下載的Vue cli 等等文件包都在這個路徑下面。如果你的全局路徑不正確可以重新設置npm config set prefix C:\\Users\\用戶名\\AppData\\Roaming\\npm - 還有一種方法，就是在你下載包時，查看你的包下載到了哪里。
- 在圖中，我的包下載到了C:\Users\Administrator\AppData\Roaming\npm下，將這段路徑放入環境變量PATH中，就可以了；
- 安裝webpack時輸入命令
vue init webpackvue_pro(vue_pro是我創建的Vue項目的名字)，這個過程他會問你一系列問題，其中包括項目的名字什么的，是否需要安裝路由什么的，可以根據自己的要求來，建議不使用ESLint語法，選N。 
3.接下來，就是進入項目
- 輸入命令
cd vueProjectName進到你項目（我這里是vue_pros） - 輸入命令
npm install對項目進行初始化依賴 - 最后執行
npm run dev 
- 打開http://localhost:8080，則可以看到你初始化的vue_pros項目的index.html頁面了!!!
至此，結束了Vue初期的一個小小的難題，開頭很困難，需要不停地去摸索和學習，目前我還在探索中，還有很多不明白的地方，歡迎大家指正和交流，蟹蟹~