1.下载vue-devtools插件 地址https://github.com/vuejs/vue-devtools 2.进入刚刚下载文件的目录下(最好路径中没有中文) npm install 再执行如下命令 npm run build 找到manifest.json所对应的路径 我这里是在shells>chrome文件夹下 把persistent:true改成false  保存 打开chrome浏览器 进入如下界面 3.效果图:…

第一步: 前往 GitHub 下载 Vue Devtools 项目文件 https://github.com/vuejs/vue-devtools 注意: 1. 将分支切换为 master 2. 下载.zip压缩包后在本地解压 第二步: 进入解压后的文件夹, 打开powershell, 执行下面两条命令:  cnpm install npm run build 注意: 1. cnpm install 可以 改为: npm install, 这一步可能很慢, 建议还是安装cnpm, 然后切换为淘宝…

我看网络上面安装Vue Devtools 调试工具的步骤几乎都是按照文章链接里的步骤进行安装, 但是在最终执行编译命令的时候 :npm run build ,提示如下错误: 尝试了很多方法,都不能解决改问题. 为了能够在谷歌浏览器上安装vue调试工具,通过下面步骤最终把Vue的调试工具安装成功. 步骤一: 访问该地址:https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd  ,下载vue调试工具插件.直接点击推荐下载…

一.前言 vue-devtools是一款基于浏览器的插件,用来调试vue应用.本篇文章将要总结的是如何在chrome中安装Vue的调试工具vue-devtools. 首先能想到的第一种方法就是直接在chrome应用商店中安装.然鹅,由于大部分的人还是上不了chrome的,我也是.所以呢,就在网上搜罗一番,发现了其他的方法. 1.在其他网站上直接下载chrome的插件. 2.下载vue-devtools项目,编译出扩展程序插件后,添加到浏览器的扩展程序中. 然后就这两种方法,分别都来实践一下. 二…

在Eclipse中安装SVN客户端插件 1.1  Eclipse插件应用市场 在Eclipse中访问Eclipse Marketplace Client可以搜索Subversion,下载插件,按提示安装即可. 1.2 使用压缩包 如果不能联网可以使用下载好的插件压缩包eclipse_svn_site-1.10.5.zip,这个压缩包是从http://subclipse.tigris.org/网站(subclipse是这款Eclipse插件的名称)上下载的.安装方法是: ①解压eclipse_sv…

在IntelliJ IDEA14中安装go语言插件 go语言的集成开发环境仍不成熟,试用了liteide,感觉很不适应,弹出菜单对程序员的干扰太大.所以就试大牌的IntelliJ IDEA,这工具本来是JAVA开发阵营的,不过它已经变为一个非常强大的支持多种语言的集成环境了. 1.go环境 下载Go1.5.1(由于国内伟大的墙,golang.org访问被墙,搞点技术真是不易,从Golang中国的的百度云盘下载是不错的选择,http://pan.baidu.com/s/1hq1mrDM),安装很方…

Linux中安装nodejs及插件 1.去官网下载安装包 英文网址:https://nodejs.org/en/download/ 中文网址:http://nodejs.cn/download/ 通过uname  -r 查看当前系统版本,下载对应安装包 [root@node ~]# uname --.el7.x86_64 2.下载成功后上传到服务器并解压 (1)上传服务器任意路径并解压,我的路径是 /opt (2)解压上传,解压后我将目录名称改成nodejs ① tar -xvf node-v1…

chrome已安装Vue Devtools在控制台却无显示的解决: 在点亮Vue Devtools图标后,控制台没有vue解读显示. 原因:脚手架配置NODE_ENV直接定义为了production版本 解决: 更改webpack的发布的开发环境配置为 NODE_ENV: '"development"' 之后,重新编译,页面刷新再F12打开控制台即可.…

可视化界面:ElasticSearch Head,最方便的是直接下载谷歌浏览器扩展程序…

转: Activiti系列——如何在eclipse中安装 Activiti Designer插件 这两天在评估jbpm和Activiti,需要安装一个Activiti Designer插件试用一下. 一.在线安装 从<Activiti实战>了解到可以通过如下方式安装 打开Eclipse -> Help -> Install New SoftWare-> Add 然后按照如下对话框输入: http://www.activiti.org/designer/update/ 后续下一…

chrome扩展程序中内容脚本有两种插入方式:(https://crxdoc-zh.appspot.com/extensions/content_scripts) 1. 清单文件: 这种方式会在打开每个tab页面时自动运行 2. 代码方式插入: 这种方式会在触发插入脚本代码时,内容脚本才运行 但是,按照文档中代码插入方式进行运行,浏览器按钮点击的动作却监测不到. 原因: (https://crxdoc-zh.appspot.com/extensions/browserAction) 浏览器按钮有…

1 . 下载chrome扩展插件. 在github上下载压缩包并解压到本地,github下载地址:https://github.com/vuejs/vue-devtools 2. npm install 下载完成后打开命令行cmd进入vue-devtools-master文件夹, 1. npm install,安装依赖包:如果安装太慢,就先安装淘宝镜像,命令行输入    $ npm install -g cnpm --registry=https://registry.npm.taobao.or…

前提概要: sublime的下载地址:http://www.sublimetext.com/ notepad++下载地址:https://notepad-plus-plus.org/ .vue的文件在sublime编辑器下默认是不被识别的,要想识别,我们就必须安装必要的插件.并且,要想高亮显示就必须安装:插件 Vue Syntax Hightlight 首先:打开你的sublime,然后打开 PackageControl 如下图,快捷键 Ctrl+Shift+P. 其次:选中Pachage Co…

安装:fq后在chrome应用商店搜索 Vue Devtools并安装,安装成功后浏览器右上角有vue的图标 安装完毕后,打开含有vue框架的网站,这是vue图标会变亮,进入开发者工具,再右侧vue选项卡可以查看调试信息(vue要开发版本才能调试)…

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,编译源程序. 例子:d:\Program Files\vue-devtools-…

[转]https://www.cnblogs.com/tanyongli/p/7554045.html Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码. 1)首先在github下载devtools源码,地址:https://github.com/vuejs/vue-devtools. 2)下载好后进入vue-devtools-master工程 执行cnpm install, 下载依赖,然后执行np…

安装前要检查一下node版本的(node -v),必须将版本提高到>4.4.7.低版本的node在安装devtools时执行npm install 时报错.如何升级node版本,若在window系统下只能下载node的安装包进行重新安装.查阅给出的方法是在mac系统或者linux下,window尝试多次都是报错,无奈只好重新下载安装包安装 node. 1.github下下载devtools源码: git clone https://github.com/vuejs/vue-devtools.gi…

命令行进入vue-devtools\vue-devtools-master执行 cnpm install (貌似npm不太好使,也可能是我网络代理的原因) (淘宝镜像安装 npm install --global cnpm ,任意目录下命令行即可) 后执行 npm run build 修改vue-devtools\vue-devtools-master\shells\chrome\manifest.json 找到 "persistent" 改为 true chrome浏览器配置:更多工…

go语言的集成开发环境仍不成熟,试用了liteide,感觉很不适应,弹出菜单对程序员的干扰太大.所以就试大牌的IntelliJ IDEA,这工具本来是JAVA开发阵营的,不过它已经变为一个非常强大的支持多种语言的集成环境了. 1.go环境 下载Go1.5.1(由于国内伟大的墙,golang.org访问被墙,搞点技术真是不易,从Golang中国的的百度云盘下载是不错的选择,http://pan.baidu.com/s/1hq1mrDM),安装很方便,直接解压到c:\go目录中即可.系统PATH环境…

在安装了delimitMate插件之后发现不能正常使用中文输入了,输入法系统是ibus. 解决办法是在ibus的设置中的“在应用程序中使用内嵌编辑模式”这一项去除就可以正常输入中文了,看来可能是ibus的问题.…

前言: 开发免不了要用到开发工具,什么sublime,webstorm,idea的,现在我就说下idea开发神器下安装vue插件进行vue项目的开发吧. idea下载地址:http://www.jetbrains.com/idea/ idea神器可以干的事: idea安装vue插件 1.File>settings 2.Plugins>输入vue>Search in repositories(在仓库中搜索) 3.重启idea即可…

atom: 开发利器,界面友好,配色出色,好用的插件众多. language-vue: 这个是首推,因为它就是为vue而生的呀,支持很多vue里的提示.在空的vue页面敲tem,vue模板的提示就自动出来了,太爽了.还有一个language-vue-componet,这个我并没有安装,因为它与language-vue会有点冲突,导致template里的html显示没有颜色区分,所以这个我就没有安装. vue2-autocomplete: vue中自动补全插件. vuejs2-snippets:…

1.安装Hadoop开发插件 hadoop安装包contrib/目录下有个插件hadoop-0.20.2-eclipse-plugin.jar,拷贝到myeclipse根目录下/dropins目录下. 2. 启动myeclipse,打开Perspective: [Window]->[Open Perspective]->[Other...]->[Map/Reduce]->[OK] 3. 打开一个View: [Window]->[Show View]->[Other...…

视频剪辑插件Boris FX Continuum安装程序包含了多达250种插件.而视频剪辑软件Vegas Pro 18 Suite中提供了Boris FX Continuum Film Style Unit.Boris FX Continuum Image Restauration Unit和 Boris FX Continuum Particles Unit三款插件的激活码. 用户可以在安装过程中,在视频剪辑插件Boris的激活工具中依次输入三次激活码完成激活,又或者在插件安装后,打开激活程序…

linux中好用的IDE    vscode是微软推出的一款好用免费的IDE,可以快速部署开发环境,所说配置有些繁琐,但是瑕不掩瑜.它同时支持很多种拓展的编辑器,MarkDown只是其中的一种. 安装Markdown    vscode中安装MarkDown 非常的方便,我们只要在拓展插件中搜索" markdown-preview-enhanced",然后点击安装就ok了,安装后效果如下:    左边编辑右边预览,非常的方便.同时它还支持文档导出为PDF,HTML等格式,非常非常的方便…

首先要安装vue相关的插件vue.js 但是很多人安装vue.js右键发现没有vue Componment,解决方法如下 Settings>Editor>File and Code Templates 此时再次点击右键,发现已经有了vue Component.…

{ // Required "manifest_version": 2, // manifest编写规范版本,目前主流2 "name": "My Extension", // 插件名 "version": "versionString", // 版本号 // Recommended "default_locale": "en", // 默认编码 "descr…

1.安装genymotion-vbox,选择安装目录. 具体安装过程可见http://www.cnblogs.com/wuyudong/p/5601897.html   2.登录并创建模拟器   3.将相关插件(插件下载地址:http://pan.baidu.com/s/1jGvYaDg)拷贝到adt下面的eclipse下面的pluns下    4.打开eclipse,help—install new software—add: name:Genymotion location: http://…

这两天在评估jbpm和Activiti,需要安装一个Activiti Designer插件试用一下. 一.在线安装 从<Activiti实战>了解到可以通过如下方式安装 打开Eclipse -> Help -> Install New SoftWare-> Add 然后按照如下对话框输入: http://www.activiti.org/designer/update/ 后续下一步下一步即可,可能是我的网络状况不好,后续在从Activiti官网下载组件的时候总是提示失败,试了…

lombok 插件介绍: IntelliJ IDEA官方插件页面:https://plugins.jetbrains.com/plugin/6317-lombok-plugin 使用lombok之后,省去了许多没必要的get,set,toString,equals,hashCode代码,简化了代码编写,减少了代码量.另外@Data注解的作用相当于 @Getter @Setter @RequiredArgsConstructor @ToString @EqualsAndHashCode的合集. I…