Vue.js 踩坑记 (一)

这两年由于工作关系又转回去搞"没前途"的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/ 出现下图，嗯，安装成功了