首页 > Web开发 > 详细

Mac下安装nodejs,然后安装Vue-devtools工具

时间:2019-08-21 16:53:42      阅读:84      评论:0      收藏:0      [点我收藏+]

一、安装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的调试:

技术分享图片

Mac下安装nodejs,然后安装Vue-devtools工具

原文:https://www.cnblogs.com/jianguo221/p/11389043.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!