vue-devtools安装以后,勾选了“允许访问文件网址”之后还是无法使用

勾选了“允许访问文件网址”,还是无法使用:

Vue.js is detected on this page. Devtools inspection is not available because it‘s in production mode or explicitly disabled by the author

在vue-devtools的github中有这样一句说明:

If the page uses a production/minified build of Vue.js, devtools inspection is disabled by default so the Vue pane won‘t show up.

因此,引用的vue.js应该使用vue.js(开发版本)而不是vue.min.js(生成版本)。

时间: 2024-10-25 11:03:11

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安装(谷歌浏览器插件:) ①谷歌选择浏览器-更多工具-扩展程序 ②获取更多扩展程序 ③搜索并安装 ④找

WebSphere V8.5 静默安装升级(二)-使用响应文件静默安装软件包(生成相应文件,不安装)以及managesdk管理SDK

使用响应文件静默安装软件包(生成相应文件,不安装):./IBMIM -record /response_files/install_product.xml -skipInstall skipInstall/IBM_product./imcl input /response_files/install.xml -log /mylog/install_log.xml -acceptLicense 请注意看要点 skipInstall/IBM_product 不要写这个IM的正在用的agentData

在浏览器上安装 Vue Devtools工具

Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码. 1)首先在github下载devtools源码,地址:https://github.com/vuejs/vue-devtools. 2)下载好后进入vue-devtools-master工程 执行cnpm install, 下载依赖,然后执行npm run build,编译源程序. 3)编译完成后,目录结构如下: 修改shells.chrome目录

vue.js的devtools安装

安装 1.github下载地址:https://github.com/vuejs/vue-devtools 2.下载好后进入vue-devtools-master工程  执行npm install ----->npm run build. 3.修改manifest.json 中的persistent为true 4.打开谷歌浏览器设置--->扩展程序-->勾选开发者模式--->添加工程中的shells-->chrome的内容或者直接拖动shells-->chrome,至此

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浏览器

[转]NSIS:使用SectionSetFlags根据不同环境自动勾选特定区段

转自: http://www.flighty.cn/html/bushu/20140526_232.html 在微软SQL2000+SP4集成安装版安装包中可以根据目标操作系统自动勾选对应的版本,有同学问我这个功能是如何实现的,今天轻狂写一个短文统一回复一下. 重点就是使用了SectionSetFlags指令,以下是NSIS 用户手册中的说明: 设置区段标记.标记为 32 位整数.第一位(低位)代表该区段当前是否选中,第二位代表该区段是否是一个区段组 (请不要修改这里除非你真的很了解), 第三位

Fiddler捕获https请求时勾选了Decrypt HTTPS traffic还是获取不到证书的问题(转)

问题  (点击Actions中的Trust Root Certificate和Export Root Certificate to Desktop也会出错)如图所示勾选了Decrypt HTTPS traffic点击ok后,打开浏览器输入网址http://localhost:8888,进入如下界面: 点击FiddlerRoot certificate链接后提示找不到证书:  解决办法 进入Fiddler目录,我这默认安装路径是C:\Users\Administrator.QH-20150808S

vue table中使用多选的问题(翻页后如何保存已选项),联动echarts图表实现流量监控

流量监控项目需求: 根据表格数据,添加多选功能,默认全选,根据已选项更新图表视图 1.表格需要多选 2.要联动图表,所以关键是要利用表格多选的触发回调函数 vue table中使用多选: 很简单,只需要在table中增开一项,type定义为selection即可: 如何默认列表全选呢? 先关联table: 数据加载完成以后,获取列表数据长度,手动循环切换状态(toggleRowSelection是关键,通过这个方法来触发echarts的刷新): OK,现在可以实现默认全选状态了: 如何与echa