zoukankan      html  css  js  c++  java
  • 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的调试:

  • 相关阅读:
    CSS3 @font-face
    CSS3 Media Queries
    简单弹出层示例
    mysql查询排名
    ajax 简单学习
    js ajax 传送xml dom对象到服务器
    雨燕权限管理后端技术总结
    日期date出参入参和timestamp转化
    雨燕权限管理前端技术总结
    jwt再度理解
  • 原文地址:https://www.cnblogs.com/jianguo221/p/11389043.html
Copyright © 2011-2022 走看看