因為現在專案使用前後端分離，前端使用vue.js。咱不會碼程式碼，至少專案得跑起來吧。這裡留下我整個折騰下來的一些經驗吧，畢竟現在網上的教程很多、很雜。不如自己折騰完後的總結：

首先我們知道vue.js的使用有兩種方式：

1. 直接引用<script>標籤路徑即可，或者去官網下載到本地，再通過script標籤中的src引入路徑即可。
2. 就是我們的npm 安裝方式，可以通過命令列建立基於webpack的模板專案。這裡的npm其實指的是一種包管理工具，他是用於Node.js的管理工具，所以這裡我們我們不可避免的要先安裝Node.js(預設Node.js安裝後是自帶的有npm管理工具的)。接著我們首先去安裝Node.js(因為我們需要用到npm管理工具,如果是使用第一種的script標籤引入的就沒必要再往下看了，第一種使用方式已經在上面提到了。)Node.js官網下載地址（
   Node.js官網安裝包），這裡囊括了很多版本，大家根據需要選取就行了。這裡我使用的是window 64,所以這裡就使用這個版本來演示

直接next，next 

這裡我們的Node.js和Npm管理工具就已經安裝完成了。

通過檢視node版本號和npm版本號，確定是否安裝成功：

輸入命令：

node -v
npm -v

接下來如果需要替換Npm為cmpn，也就是換成國內的映象地址，因為有些依賴是在國外的地址，所以可能有些慢。如果需要只需要在安裝完成Node.js後在windows下執行命令列執行命令

npm install -g cnpm --registry=https://registry.npm.taobao.org
 

之後直接使用cnpm 命令即可。接著我們安裝vue：

cnpm install vue -g

這裡vue.js就已經安裝完成了，但是為了本地開發方便，我們還需要安裝vue.js的命令列工具vue-cli，執行下面的命令：

cnpm install vue-cli -g

這些都完成之後我們開始建立一個vue的專案 。首先我們需要到專案一個檔案位置下，假設我們就是G盤,用cd命令來到你將要新建工程的目錄。 例如：G:\Java\vueProject\

接著輸入vue 命令:

vue init webpack my-project

稍等片刻，專案初始化完成。。。

接著我們先別急，先cd進入專案,安裝專案需要的依賴，輸入命令：

cnpm install

最後我們再在專案的根目錄下執行命令：

cnpm run dev

出現如下提示，說明專案啟動成功，如果8080埠被佔用，它會自動選擇8081埠繼續使用：

開啟瀏覽器輸入：http://localhost:8081/

出現如下介面說明vue專案啟動成功