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,修改persistenttrue

4.拖入谷歌浏览器扩展工具界面;

5.勾选允许访问文件网址;

6.一般默认服务器环境自动启用,想要在非服务器单页面启动 ,必须在vue文件中加上

Vue.config.devtools=true

new Vue({

   el: ‘#app‘,

  data: {

   }

});

原文地址:https://www.cnblogs.com/oicb/p/8434567.html

时间: 2024-08-30 00:46:41

Vue DevTools 安装应用的相关文章

【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