vue-devtools 的安装

【前奏】

本文介绍的是Windows的安装，先上图：

最好安装一下cnpm,我用npm 安装该工具用了一晚上没有安装完成,使用cnpm很快就好

cnpm 的安装方法：

npm install -g cnpm --registry=https://registry.npm.taobao.org

【安装步骤】

1：找到vue-devtools的github项目，并将其clone到本地，可直接下载zip进行解压

 cd vue-devtools-dev

2: 安装项目所需要的npm包

npm install

最好使用命令：cnpm install 进行安装，这样速度快，不容易出错。

3：编译项目文件

npm run build

4：添加到chrome浏览器

浏览器输入地址：chrome://extensions/

点击“加载已解压的扩展程序”

按照图示选择chrome文件，安装完成

在项目使用时，打开控制台可以看到"Vue"，可以使用了~~

转载于:https://www.cnblogs.com/amy2017/p/9948636.html

vue-devtools 的安装相关推荐

vue devtools 插件安装
谷歌应用商店打不开,可以使用这种方式来安装 vue 调试工具. https://chrome.zzzmh.cn/#/search 点击下载后,下载的内容是一个安装包,将安装包中 .crx 文件解压后直 ...
【进阶篇】Vue Devtools——vue开发调试神器
工欲善其事,必先利其器,vue2.0进阶系列的知识更接近我们的实际开发所需,在开发过程中,有个好的调试工具是事半功倍的,Vue Devtools就是我们选择的调试工具,它是一款chrome浏览器的插件 ...
（18）Vue DevTools插件
一.Vue DevTools插件介绍 Vue DevTools插件是 Vue.js 官方提供的用来调试 Vue 应用的工具. 二.Vue DevTools插件安装安装地址如下: https://ch ...
vuejs之Vue Devtools
Vue Devtools大法好这是一篇小白friendly教程 Vue Devtools是一款谷歌浏览器插件,专门为调试vue而设计.假设你做了一个vue应用,当你在调试的过程中,打开的控制台是这样 ...
Vue Devtools 安装
Vue Devtools 是Chrome 浏览器插件,用来调试Vue的,能够更直观.更友好的调试Vue应用下载地址:https://github.com/vuejs/vue-devtools#vue ...
Vue Devtools安装（谷歌浏览器插件：）
vue安装: # 最新稳定版 $ npm install vue # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新 ...
超详细Vue Devtools的下载和安装——Vue的调试工具
在使用 Vue 时,我们推荐在浏览器上安装 Vue Devtools. Vue Devtools 是 Vue 官方发布的调试浏览器插件,可以安装在 Chrome 和 Firefox 等浏览器上,直接内 ...
安装vue Devtools学习记录
在学习vue之前,建议使用Google chrome上安装vue devtools拓展工具.vue devtools提供界面供我们查看vue组件和全局状态管理器vuex中记录的数据. 有条件的可以直接 ...
安装Vue Devtools调试工具插件
Vue Devtools是Vue官方推出的浏览器插件,可以算是Vue开发调试神器,它可以让你能够在浏览器实时的编辑数据并立即看到其反映出来的变化,让你告别console大法.非常好用,谁用谁知道,Vu ...
vue中devTools插件安装教程
vue-devTools 为了更方便的在开发过程中对 Vue 程序进行调试,除了传统的浏览器自带的 debug 工具以外,我们还可以通过一些专门为 Vue 提供的扩展插件来进行调试 vue-devTo ...