Vue.js开发连载十六之浏览器安装vue插件

​上一篇文章讲解“生命周期”，本篇文章讲解“浏览器安装vue插件”。

vue谷-歌插件，开发帮手vue-devtools，在调试过程中可以省去打console.log，因为他会自动把我们在data上定义的数据动态的显示出来（数据变，它也变）。

安装步骤

1. 首先需要大家安装node.js

安装node.js一路下一步，没有什么特殊的。

2. 然后进入命令行执行npm i -g cnpm

npm（node package manager）是nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）。因为npm安装插件是从国外服务器下载，受网络影响大，可能出现异常，因此出现了cnpm，与npm用法相同，服务器在国内，下载较快。

3. 下载vue-devtools，并解压，不要解压到桌面。

解压的路径尽量不要中文路径。

4. 解压后，从命令行进入该文件夹。

选择后，进入命令窗口，命令行自动定位到此文件夹：

5. 运行cnpm i，等待安装。

6. 等待完成后，运行 npm run build，等待编译。

7. 编译完成后，打开谷-歌浏览器的“扩展程序”菜单。

8. 勾选打开“开发者模式”

9. 点击“加载已解压的扩展程序”，选择shells/chrome目录

10. 插件已完成

11. 测试

浏览器访问：

在控制台找到Vue，即可查看。

Vue.js连载为卓象程序员原创，转载请联系卓象程序员

关注卓象程序员，定期发布技术文章

到此为止vue.js入门开发连载结束！