這兩年由于工作關系又轉回去搞"沒前途"的WinForm，雖說心里老大不情愿，作為一個大齡程序員，有時候不得不以生活為第一選擇，太忙的工作也是無心堅持的，畢竟不能像年輕人那么拼精力，又出差又加班的工作確實不適合我，經過這么多年的打磨，我覺得這方面我也受夠了。

雖然工作內容不容我去挑，但對技術的追求是一直不想放下的，過去幾年的流行的前端框架一直在變，什么Dojo，Ext.js，BackBone，Angular.js 到如今的?Vue.js ，這其中只有Ext.js 認真的研究過一段時間，感覺很復雜，很商業化，功能確實強大，但封裝的太厲害了，API一大堆，組件的使用都要學很久，要花很多的精力，關鍵是Ext.js 還只適合做后臺管理系統，所以應用面并不是很寬。

經過觀察，我發現Vue.js 這個框架很輕量級，容易上手，學過Asp.net MVC 的人也能明白Vue.js也有視圖引擎，我覺得這個庫還是值得一學，雖然我一直是偏重后端的開發，但是我仍然覺得學習Vue.js很有價值，閑話不扯了，下面看看怎么安裝Vue.js吧，踩坑開始！

首先下載并安裝node.js，然后去Github上把Vue Devtool 下載下來，或者安裝個Git 輸入命令把 Vue Devtool下載到本地，在此不細表了，在這個過程中也確實踩到幾個小坑

本篇講講安裝Vue Devtools遇到的坑，首先你需要在node.js上安裝并編譯這個東東。

1.首先 cd /d? "Vue Devtool 的目錄路徑"，然后?npm install 進行安裝，然后......什么!報錯了!

npm ERR! code ENOLOCAL Could not install from "" as it does not contain a package.json file

不要慌張，我參考了下面的鏈接

http://blog.csdn.net/u014182411/article/details/78964344

2.然而我只做了一步就好了,更新NPM

npm install -g install

嗯，一切正常，沒有報錯了，接著?npm install，然后 npm run build ，最后 npm run dev (以后我們在研究這幾個命令究竟是干嘛使的)，完整的命令如下

3.我參考了下面的鏈接

http://www.cnblogs.com/snowhite/p/7324446.html

修改shells>chrome文件夾下的mainifest.json 中的persistant為true

4.最后一步，終于可以安裝 Vue的 Chrome 瀏覽器插件了，如圖

5. 試試安裝后的效果, Chrome 地址欄輸入?http://localhost:8080/ 出現下圖，嗯，安裝成功了

總結

以上是生活随笔為你收集整理的Vue.js 踩坑记 (一)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。