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的调试:

posted @ 2019-08-21 15:30  遥望那月  阅读(2942)  评论(0编辑  收藏  举报