vue.js是前端框架中比較熱門的，因為工作關係，也加入了浩浩蕩蕩的學習大潮中，用筆記記錄下點滴，便於後面學習查閱！
1 node.js環境的安裝包（npm包管理器）
2 vue-cli 腳手架構建工具
3 cnpm npm的**映象
1安裝node.js
node 環境已經安裝成功，npm包管理器也有了，有些npm的資源被遮蔽或者是國外的資源原因，會導致npm安裝依賴的時候會失敗或者比較慢，可以用npm國內映象---cnpm
安裝 cnpm
在命令列輸入 npm install -g cnpm --registry= 然後等待，安裝完成如下圖
安裝完之後，就可以用cnpm代替npm來安裝依賴包了
3安裝vue-cli腳手架構建工具
在命令列輸入命令 npm install -g vue-cli 等待安裝
用vue-cli構建專案
要建立專案首先要選定專案目錄，在命令列中把目錄選定在指定目錄，存放新建的專案。比如專案就放在桌面上
在桌面目錄下，執行命令 vue init webpack firstvue，這個命令是初始化乙個專案，其中webpack是構建工具，也就是整個專案是基於
webpack的，firstvue是整個專案資料夾的名稱，這個資料夾會自動生成在你指定的目錄下
開啟資料夾，目錄結構是這樣的
這就是整個專案的目錄結構，其中，主要在 src 目錄中做修改，這個專案現在還只是乙個結構框架，整個專案需要的依賴資源都還沒有安裝，如下圖
安裝專案所需要的依賴
要安裝依賴包，首先cd到專案資料夾（firstvue資料夾），然後執行命令 cnpm install ,等待安裝
安裝完之後，會在專案目錄firstvue資料夾下多乙個node_modules資料夾，這裡是專案需要的依賴包資源
安裝完之後，就可以執行整個專案了。
執行專案
在專案目錄中，執行 npm run dev ，會用熱載入的方式執行我們的應用，熱載入可以讓我們在修改完**後不用手動重新整理瀏覽器就能實時的看到修改後的效果。
專案執行成功後，瀏覽器會自動開啟localhost:8080（如果瀏覽器沒有自動開啟，可以手動輸入）。執行成功後，會看到如下所示的介面。
vue 入門 之 安裝vue 環境
點 next 完成安裝 輸入 node v 檢測 node 版本及是否安裝成功 輸入 npm v 檢測 npm 版本 2.安裝 映象 cnpm 輸入 npm install g cnpm registry 進行 cnpm 安裝 3.安裝 vue cli 腳手架 輸入 cnpm install g v...
vue入門安裝
node v來檢測是否安裝好。新版的一般自帶npm，使用 npm v來檢測是否安裝了npm 中國境內最好安裝 的映象 npm install cnpm gvue cli是官方提供的乙個腳手架，著實好用。ps 沒有安裝cnpm就把cnpm換成npm cnpm install global vue cl...
vue入門之vue cli安裝步驟詳解
利用npm對vue cli進行全域性安裝npm install g vue cli檢查是否安裝成功 vue v 檢查vue版本號 vue list vue列表 安裝成功後，在你的建立乙個你的專案資料夾，cmd進入的資料夾 輸入命令 vue init webpack projectname 初始化專案...