vue.js（讀音 /vjuː/, 類似於 view）是乙個構建資料驅動的 web 介面的漸進式框架。vue.js 的目標是通過盡可能簡單的 api 實現響應的資料繫結和組合的檢視元件。它不僅易於上手，還便於與第三方庫或既有專案整合。
下面介紹以npm方式來vue.js 的安裝方法：
在用vue.js構建大型應用的時候推薦使用npm安裝方法，npm能很好的和諸如webpack或者browserify 模組打包器配合使用。vue.js 也提供配套工具來開發單檔案元件。
首先，先列出我們接下來需要的東西：
1） 安裝node.js
然後將資料夾解壓到任意目錄
比如我這裡解壓到了：c:\program files\nodejs中
然後在這個目錄下新建兩個資料夾
node-cache
node-global
這是用來放npm全域性模組的安裝目錄，也可以放到其他地方。
配置環境變數
新建乙個系統變數
變數名：node_home
變數值（你的安裝目錄）：c:\program files\nodejs
新增兩個條目
%node_home%
%node_home%\node-global
執行下面的命令，這裡的位址也是安裝目錄
npm config set prefix "c:\program files\nodejs\node-global"
npm config set cache "c:\program files\nodejs\node-cache"
npm config set registry ""若出現相應的版本號，則說明你安裝成功了。
到目前為止，node的環境已經安裝完成，npm 包管理器也有了，由於有些npm資源被遮蔽或者是國外資源的原因，經常會導致npm安裝依賴包的時候失敗，所以我們還需要npm的國內映象----cnpm.
2） 安裝cnpm
在命令列中輸入 npm install -g cnpm --registry= ，然後等待，沒報錯表示安裝成功，如下圖：
完成之後，我們就可以用cnpm代替npm來安裝依賴包了。如果想進一步了解cnpm的，檢視**npm映象官網。
3） 安裝vue-cli 腳手架構建工具
在命令列中執行命令 npm install -g vue-cli ，然後等待安裝完成。
通過以上三部，我們需要準備的環境和工具都準備好了，接下來就開始使用vue-cli來構建專案。
首先我們要選擇存放專案的位置，然後再用命令行將目錄轉到選定的目錄，在這裡，我選擇在d盤下建立新的目錄（nodetest 目錄），用cd 將目錄切到該目錄下，如下圖：
執行初始化命令的時候會讓使用者輸入幾個基本的配置選項，如專案名稱、專案描述、作者資訊，對於有些不明白或者不想填的資訊可以一直按回車去填寫就好了，等待一會，就會顯示建立專案建立成功，如下圖:
接下來，在notetest目錄下去看是否已建立檔案：
介紹一下目錄及其作用：
build：最終發布的**的存放位置。
config：配置路徑、埠號等一些資訊，我們剛開始學習的時候選擇預設配置。
node_modules：npm 載入的專案依賴模組。
src：這裡是我們開發的主要目錄，基本上要做的事情都在這個目錄裡面，裡面包含了幾個目錄及檔案：
assets:放置一些，如logo等
components:目錄裡放的是乙個元件檔案，可以不用。
main.js ：專案的核心檔案
test：初始測試目錄，可刪除
.***x檔案：配置檔案。
index.html：首頁入口檔案，可以新增一些meta資訊或者同統計**啥的。
package.json：專案配置檔案。
readme.md：專案的說明檔案。
這就是整個專案的目錄結構，其中，我們主要在src目錄中做修改。這個專案現在還只是乙個結構框架，整個專案需要的依賴資源都還沒有安裝。
安裝專案所需要的依賴：執行 cnpm install (這裡可以用cnpm代替npm了)
安裝完成之後，會多乙個node_modules資料夾，這裡面就是我們所需要的依賴包資源。
執行專案
在專案目錄中，執行命令 npm run dev ，會用熱載入的方式執行我們的應用，熱載入可以讓我們在修改完**後不用手動重新整理瀏覽器就能實時看到修改後的效果。
看到這裡 你已經把握使用npm方式安裝vue了
npm安裝vue的步驟
可選 如果你用的是公司 訪問，你首先需要設定npm安裝 設定 username，password是登入網路的使用者名稱密碼，然後輸入 的ip位址和埠號，檢視方法 瀏覽器中，設定 proxy設定，連線，區域網路設定中檢視 npm confit set https proxy http username...
npm安裝Vue及配置
1 cmd視窗檢視node.js版本和npm映象版本 檢視本地npm版本 npm v 安裝vue cli 全域性安裝vue cli 命令 cnpm install vue cli g 如何檢視npm預設安裝路徑 執行命令 npm config get prefix 由於npm全域性模組的存放路徑及c...
通過npm安裝vue框架並執行
一 安裝vue cnpm install vue g 二 npm切換版本 10.11.0 輸入指令 npm use 10.11.0 三 安裝vue cli腳手架 cnpm install vue cli g 四 安裝webpack cnpm install webpack g 五 cd進乙個路徑，存...