Mac下安装nodejs,然后安装Vue-devtools工具
一、安装nodejs
1.这一步简单,只要上官网下载下来,直接按照提示安装就可以,mac版本的安装方法很简单。
下载nodejs的官方网址是: nodejs.org ,浏览器输入就可以跳转到了官方。
2.Mac下它会自动安装好环境变量的。
二、安装vue-devtools调试工具
1.先下载好vue-devtools文件包,这是GitHub上下文件吧网址:https://github.com/vuejs/vue-devtools
2. cd进入到vue-devtools文件夹,执行下面指令:
npm install
3.编辑项目文件(就是打包),即执行下面指令:
npm run build
4.进入vue-devtools-dev文件夹下的shells -> chrome -> manifest.json ,找到persistent,将其值修改为true
5.修改完以上以后,给chrome浏览器添加扩展程序,chrome浏览器>> 更多工具>> 扩展程序,进入下图页面:
(1)勾选开发者模式
(2)点击加载已解压的扩展程序(选择地址为:安装路径>> vue-devtools>>shells>>chrome),将chrome文件夹导入
(3)点击确定就能安装成功
6.导入成功页面如下:
7.此时地址栏右侧出现vue的图标,在vue项目下图标变为亮色,切能够在开发者工具中进行vue的调试: