一、安裝Node.js
1.Node.js下載地址:
https://nodejs.org/en/download/
最新的Node.js自帶npm所以這里不再下載npm了。
下載完成后,雙擊打開程序,按提示一路next安裝,有一個頁面可能有點不一樣,
選擇第三個第四個都行。
2.安裝完畢后我們查看是否安裝成功和加入環境變量
如圖所示即安裝成功
3.安裝淘寶的npm鏡像cnpm
npm是國外的網址,有的時候可能下載會很慢,所以這個時候我們需要淘寶的鏡像站
npm install -g cnpm --registry=https://registry.npm.taobao.org
二、安裝vue相關的工具
1.安裝webpack(項目構建、打包,進行資源整合用的)
cnpm install webpack -g
2.安裝vue腳手架
npm install vue-cli -g
三、構建vue項目
1.指定我們第一個項目的構建位置
cd desktop
2.初始化一個項目
vue init webpack firstVue
最后一個參數是項目名稱
3.運行完后會要求填寫項目信息
項目信息還可以在項目后面的pakeage.json里面修改
4.安裝項目依賴
npm -install
5.安裝 vue 路由模塊vue-router和網絡請求模塊vue-resource
cnpm install vue-router vue-resource --save
四、啟動項目
npm run dev
啟動完成后,會顯示訪問地址:
瀏覽器訪問出現如下頁面就搭建完成喏~