vue-devtools安装

1.github下载地址：https://github.com/vuejs/vue-devtools

下载到本地，如下图所示！

2.下载好后进入vue-devtools-master工程

3.执行npm install 安装项目所需要的npm包

4.找到vue-devtools-master\shells\chrome\manifest.json文件

5.修改mainifest.json 中的persistant为true

6.打开谷歌>>更多工具中>>击扩展程序>>选中勾选开发者模式

7.打开加载已解压的扩展程序选择vue-devtools-master\shells\chrome后点击确定，添加成功，效果图如下：

8.最后执行在npm中执行npm run dev,打开http://localhost:8080/ 服务器调试地址按F12，OK了

时间： 2024-10-17 05:47:04

vue-devtools安装的相关文章

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 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 到文件夹shells下 chrome 下打开manifest.json 文件把"persistent":false改成true 接着 num run build 打开chrome浏览器

vue.js安装

官网 Vue.js(读音 /vju/,类似于 view) 是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合.另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动. vue中两个核心点: 响应的数据绑定: 当数据发生改变->自动更新界面利用Object.definedProperty中的setter/getter代理数

Vue项目安装

刚刚开始学习Vue.js.今天分享一下我的Vue项目安装过程. 我是windows系统,使用安装工具是NPM 一.Vue安装 1.检查是否已经安装了node和npm 在命令窗口(windoes + R 键打开输入cmd确认)输入node -v 和npm -v,如果显示出版本号,说明安装成功 2.安装vue-cli 在全局安装vue-cli npm install -g vue-cli (这种方法安装较慢,可以使用国内淘宝镜像安装:npm install -g cnpm --registry=ht

【vue】vue.js安装教程

前提:已安装nodejs--npm (备注教程 "物理安装" ) 第一步:建了一个managerSys文件夹,用于保存项目第二步:从cmd进入该文件夹,之后开始安装vue.js相关 1)在该项目managerSys中安装npm(基于node.js,利用淘宝npm镜像安装相关依赖) 接上步输入命令: npm install -g cnpm --registry=https://registry.npm.taobao.org 2)安装全局vue-cli脚手架(用于帮助搭建所需

vue的安装配置

1.访问vue的官网: https://cn.vuejs.org/v2/guide/installation.html安装配置 2.安装淘宝镜像项目搭建 1.安装node 到官网下载安装. (中)https://nodejs.org/zh-cn/ (英)https://nodejs.org/en/ 2.安装cnpm镜像 (node自带安装了npm,国内直接使用 npm 的官方镜像是非常慢的, 淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率

vue脚手架安装，新建项目，打包

1.安装node.js 从node官网下载并安装node,安装步骤很简单,只要一路“next”就可以了. 2.安装cnpm 淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装vue cnpm install vue 4.安装脚手架 cnpm install --global vue-cli 5.新建一个项目 vue init webpack 项目名称运行初始化命令的时候回让用户输入几个基本的选项,如项目

Vue.之.安装

Vue.之.安装第一步npm安装首先:先从nodejs.org中下载nodejs 直到Finish完成安装. 打开控制命令行程序(CMD),检查是否正常使用淘宝NPM 镜像国内直接使用npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像. $ npm install -g cnpm --registry=https://registry.npm.taobao.org 这样就可以使用cnpm 命令来安装模块了. 原文地址:https://www.cnblogs.com

vue开发搭建（npm安装 + vue脚手架安装）

一.概念 1.npm: Nodejs下的包管理器. 2.webpack: 它主要的用途是通过CommonJS的语法,把所有浏览器端需要发布的静态资源,做相应的准备,比如资源的合并和打包. 3.vue-cli: 用户生成Vue工程模板.(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装) 原文:https://www.cnblogs.com/goldlong/p/8027997.html (部分步骤有些修改) 参考文:htt