一：Vue項目構建

第一步：須要安裝nodeJS的環境，直接去官網下載https://nodejs.org/en/，下載下來按照提示一步步的安裝。（vue.js是一個Js 框架。在node裏面經過Npm 安裝，是爲了方便進行模塊化管理。）

安裝完成後在cmd中輸入：node –v，可檢測安裝的nodejs版本，以下圖

 

 

 

第二步：基於nodejs，利用淘寶鏡像安裝相關依賴(咱們這裏使用國內的淘寶鏡像)

在命令行中輸入：npm install -g cnpm --registry=https://registry.npm.taobao.org

若是安裝失敗，能夠使用 npm cache clean  清理緩存，而後再從新安裝

安裝成功後可經過：cnpm  –v檢驗，以下圖

 

 

 

第三步：安裝全局vue-li腳手架和 webpack

在命令行中輸入：cnpm  install -g vue-cli

安裝完成後可經過vue –V(注意大寫) 查看是否安裝成功。

 

 

第四步：構建項目

下面咱們來構建一個項目保存在E盤的vue文件夾中。

首先cd  到指定文件，經過命令vue init webpack  項目名  來構建項目

而後在相對應的選項上選擇是或者不是

構建成功後咱們就能夠看到E盤目錄vue文件中的deom項目目錄了

 

 

 

第五步：運行項目

cd 到項目中，經過命令npm run dev 咱們就能夠經過http://localhost:8080(注意端口號是否被佔用)把項目跑起來了.