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入门开发连载结束!

  • 发表于:
  • 原文链接:https://kuaibao.qq.com/s/20180725A12TBA00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券