第一步：安裝node
2：檢視node的版本號
開啟cmd ，輸入 node -v,回車，檢視node版本號，出現版本號說明安裝成功。
命令列： node -v
3.安裝** npm 映象
由於npm是國外的，使用起來比較慢，我們這裡使用**的cnpm映象來安裝vue.
**的cnpm命令管理工具可以代替預設的npm管理工具。
命令列：npm install -g cnpm --registry=
4. 安裝全域性vue-cli腳手架
**映象安裝成功後，我們就可以全域性vue-cli腳手架了，輸入命令：cnpm install --global vue-cli 回車；驗證是否安裝成功，在命令輸入vue，出來vue的資訊，及說明安裝成功；
命令列：cnpm install --global vue-cli
5. 開始建立新專案
附加：如果要進來d盤裡面的某資料夾，直接輸入 cd 檔名 回車
命令列：vue init webpack my-project-first
my-project-first是專案的資料夾名，是基於webpack 的專案，輸入之後就一直回車，知道是否出現安裝vue-router,
這個我們在專案要用到，所以就輸入y 回車
注釋： project name 專案的名字
project description 專案的描述
author 作者
6. 注意
下面會出現是否需要js語法檢測，這個我們暫時用不到，就可以直接輸入no，後面的都可以直接輸入no，都是我們暫時用不到的
開啟d盤查看一下，會發現多了乙個剛剛建立的資料夾
7. 進來專案資料夾
命令列：cd my-project-first
8. 在專案裡安裝依賴
因為各個模板之間都是相互依賴的，所以現在我們要安裝依賴，在專案裡輸入以下命令。
命令列：cnpm install
（我將位址修改為8081進行訪問）
命令列：cnpm run dev
8080是預設的埠，要訪問的話，直接在瀏覽器輸入localhost:8080就可以開啟預設的模板了；（我的電腦上8080埠有需要，被另外乙個專案占用，故而使用8081的埠）
在瀏覽器輸入localhost:8081，顯示如下，到此為止，vue開發環境搭建完畢。
但是在最後一步的時候，有些人會遇到這樣的報錯：
1：在專案裡執行這樣的命令
命令列：npm i prettier@~1.12.0
2：重新開啟執行即可成功：
最後如何修改預設的埠？命令列：npm run dev
既然提到自己修改了預設的埠，那就說明一下。根目錄下有乙個config資料夾，看名字就知道與配置有關，開啟config目錄下的index.js，這裡不僅可以改變埠，還可以根據需要改變其他配置資訊。
搭建Vue2 0開發環境
1 必須要安裝nodejs 2 搭建vue的開發環境 安裝vue的腳手架工具 官方命令列工具 npm install global vue cli cnpm install global vue cli 此命令只需要執行一次 3 建立專案 必須cd到對應的乙個專案裡面 vue init webpac...
Vue2 0 從零開始 環境搭建操作步驟
一 什麼是vue？www.cppcns.com 是一種node.js框架，特點如下 程式設計客棧1.資料繫結 特性 雙向繫結 一旦發生變化，dom節點實時更新 ps 盡量拋棄jq，次特點已經可以解決很多特效等問題 2.元件化 比如 樂高積木一樣通過互相引用而組裝起來 二 開發環境 三 環境搭建 1....
vue2 0多頁面開發
我們平常用vue開發的時候總覺得vue好像就是專門為了單頁面應用而誕生的，其實不是。因為vue在工程化開發的時候很依賴webpack，而webpack是將所有的資源整合到一塊，弄成乙個單頁面。但是vue不止可以做單頁面，它還可以做多頁面，如果要做多頁面的話需要對他的依賴，也就是webpack就是重新...