VUE devtools 调试工具安装 让vue飞起来

安装:

1.到github下载：

git clone https://github.com/vuejs/vue-devtools

2.在vue-devtools目录下安装依赖包

cd vue-devtools
npm install  ||  cnpm install   --   npm&cnpm    i
  1. 到文件夹shells下 chrome 下打开manifest.json 文件 把"persistent":false改成true
  2. 接着 num run build
  3. 打开chrome浏览器 打开扩展程序或者地址栏输入chrome://extensions/
  4. 接着添加已解压的扩展程序,选择 shells下的 chrome文件夹即可

温馨提示：

 vue devtools  在vue.min.js中是不能使用的
     如需调试请使用开发版本继续你的表演
祝阅读愉快 至于昨天的七夕 我加了一点班，也没有女朋友

原文地址：http://blog.51cto.com/ellard/2161447

时间： 2024-08-23 01:47:32

VUE devtools 调试工具安装 让vue飞起来的相关文章

vue 调试程序的安装（谷歌浏览器chrome的vuejs devtools 插件的安装）

1.首先在GitHub上下载vue的调试程序插件 vue-devtools  地址:在github上下载压缩包并解压到本地,github下载地址:https://github.com/vuejs/vue-devtools 2. npm install 下载完成后打开命令行cmd进入vue-devtools-master文件夹, 1. npm install,安装依赖包: 2. npm run build 3.npm run build 执行完, 会在shells>chrome下的src文件夹里生

Vue DevTools 安装应用

1.https: //github.com/vuejs/vue-devtools  从这上面下载Vue DevTools: 2.npm install(cnpm install) && npm run build ; 3.进入到 vue-devtools/shells/chrome/manifest.json,修改persistent为true. 4.拖入谷歌浏览器扩展工具界面: 5.勾选允许访问文件网址: 6.一般默认服务器环境自动启用,想要在非服务器单页面启动 ,必须在vue文件中加上

【22】Vue 之 Vue Devtools

vue安装: # 最新稳定版 $ npm install vue # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖,走你 $ cd my-project $ npm install $ npm run dev Vue Devtools安装(谷歌浏览器插件:) ①谷歌选择浏览器-更多工具-扩展程序 ②获取更多扩展程序 ③搜索并安装 ④找

vue开发环境安装步骤

前提:vue开发前提是安装好nodejs后,在nodejs环境下运行 1.npm工具在国内的网络环境下比较慢 推荐使用淘宝npm镜像https://npm.taobao.org/ 使用以下命令安装cnpm,以后就可以用cnpm来代替npm: npm install -g cnpm --registry=https://registry.npm.taobao.org 2.cnpm -v 查看当前cnpm安装版本 3.cnpm install -g vue-cli 安装脚手架(-g全局安装在系统的n

在sublime 编辑器中，安装插件 Vue Syntax Hightlight，高亮识别Vue.js 的单文件组件（*.vue）

转自:http://www.cnblogs.com/cosnyang/p/6290950.html 默认情况下,Vue.js 的单文件组件(*.vue)在 sublime 编辑器中是不被识别的.若要想高亮显示,需要安装插件 Vue Syntax Hightlight.安装步骤如下: 第一,在 sublime 中打开 PackageControl 如下图,快捷键 Ctrl+Shift+P. 第二,打开 Install Package 窗口.下图中第一个,回车. 打开过程中,右下角出现状态栏.如下图

Webpack 安装配置vue环境

前言 第一次写东西,可能会比较乱,还请理解! 安装步骤 打开命令行工具,输入 node -v 查看NodeJS的版本号,若未出现版本号则请移步http://nodejs.cn/download/ 进行下载安装, 若安装成功,则查看npm是否安装,输入 npm -v 查看npm是否成功安装. 上述工作准备之后,就可以来进行vue的安装了. 可以打开https://cn.vuejs.org/v2/guide/installation.html查看官网给的安装步骤,虽然我的看起来会有些多余,但是也是为

国际化实现之安装脚手架vue

做这个项目用的是vue+element UI来实现的响应式布局,现主要说一下国际化这块的实现. 第一步:新建文件夹i18n 第二步:配置cn.js.en.js等文件内容 cn.js import enLocale from 'element-ui/lib/locale/lang/zh-CN' const cn = { message: { 'mes': '你好', }, ...enLocale } export default cn; en.js import enLocale from 'el

vue项目环境安装

一.环境安装 安装 node 官网直接下载安装包,按步骤安装 cmd 命令输入 node -v ,出现版本号即可 cmd 输入 npm -v, 出现版本号即可(用于安装依赖) npm install 经常太慢,所以可以下载淘宝镜像, 使用 cnpm install xxx,速度会快很多 npm install -g cnpm --registry=https://registry.npm.taobao.org' 之后几乎只要安装依赖都会用 cnpm 安装 vue 脚手架 cnpm install

Win10中Vue.js的安装和项目搭建

一. 提前准备工作 1.Node.js环境 2.Windows10 3.npm(前端包管理工具) 4.webpack(前端资源加载/打包工具) 二. 开始安装 1..下载并安装Node.js 下载地址:https://nodejs.org/en/download/ 2.在cmd中查看node.js是否安装成功,以及是否安装npm 3.由于npm安装资源时速度慢,推荐使用淘宝的镜像及其命令cnpm,安装使用介绍参照:使用淘宝NPM镜像. #查看版本 npm -v #升级npm cnpm insta