開發的專案並不是一個完整的專案，而僅僅是一個展示資料資訊的一個個圖表的單頁面應用，類似於大屏的效果，當然技術很low.也是在學習vue 中的第一個應用，算是探索在專案中如何使用vue 來開發。先來寫下安裝 vue、echarts、jquery、d3需要的npm 指令及遇到的問題。

一、用到的安裝模組指令

安裝vue

1、全域性安裝  npm install --global vue-cli（淘寶映象 npm install cnpm -g --registry=https://registry.npm.taobao.org）有時候安裝出錯，試一下映象；

2、使用vue建立一個專案（project ）vue init webpack my-project）

3、遇到ESlint ，選no,其他選yes,尤其其中有個是否引入vue-router，選yes,要不以後用到路由還得重新載入。

4、在project 目錄下 開啟終端，npm install,安裝依賴；

5、啟動專案(在project下)  npm run dev

安裝ecarts

npm install echarts -S(淘寶映象 npm install -g cnpm --registry=https://registry.npm.taobao.org)

我發現第一次安裝時前面的指令報錯，用淘寶映象安裝上了（node_modules下有echarts目錄），後來不知道怎麼刪了，結果第一個指令安裝了一次成功了，有點懵，都試一下吧

安裝d3

npm install --save vue-d3

github上找的，如果報錯，多敲幾遍安裝吧

安裝jquery

npm install --save jquery

安裝jquery,可費了老大勁，老是報錯，終於成功，而且有好幾次安裝remove d3，把我引入的d3依賴給刪了，我也不知道為什麼

最後又重新安了一次，成功後，

1、在main.js中

2、在build/webpack.base.conf.js

加了jquery，這也是在參考了別人的部落格後終於成功的。

注：在模組中用到jquery，需要重新import jquery,這是我在發現安裝成功依然報 $ is not defined 後這樣解決的。