文章讲解“生命周期”,本篇文章讲解“浏览器安装vue插件”。
vue谷-歌插件,开发帮手vue-devtools,在调试过程中可以省去打console.log,因为他会自动把我们在data上定义的数据动态的显示出来(数据变,它也变)。
安装步骤
1.首先需要大家安装node.js
安装node.js一路下一步,没有什么特殊的。
2.然后进入命令行执行npmi-gcnpm
npm(nodepackagemanager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)。因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,因此出现了cnpm,与npm用法相同,服务器在国内,下载较快。
3.下载vue-devtools,并解压,不要解压到桌面。
解压的路径尽量不要中文路径。
4.解压后,从命令行进入该文件夹。
选择后,进入命令窗口,命令行自动定位到此文件夹:
5.运行cnpmi,等待安装。
6.等待完成后,运行npmrunbuild,等待编译。
7.编译完成后,打开谷-歌浏览器的“扩展程序”菜单。
8.勾选打开“开发者模式”
9.点击“加载已解压的扩展程序”,选择shells/chrome目录
10.插件已完成
11.测试
浏览器访问:
在控制台找到Vue,即可查看。
Vue.js连载为卓象程序员原创,转载请联系卓象程序员