本文是稀土掘金投稿,虽然其中有倔金的私货,是篇推广文,但我看过后认为内容确实不错,有些好插件还是第一次知道,对我很有帮助,考虑过后还是决定推荐给大家,最近我比较关注各种提高开发效率的工具与技巧,今后看到这样主题的内容,也会多多推荐给大家:) 在掘金的第十二期沸点活动中,掘金上的开发者们纷纷亮出了自己正在使用的 Chrome 插件,这里面有开发利器,也有各种实用工具.我们筛选出了评论中的各种 Chrome 开发插件,各位开发者们,快来看看,有没有你需要的工具吧. 1. 掘金 Chrome 插件 :…

一.安装 1)安装nodejs 通过nodejs的npm安装gulp,插件也可以通过npm安装.windows系统是个.msi工具,只要一直下一步即可,软件会自动在写入环境变量中,这样就能在cmd命令窗口中直接使用node或npm指令.…

阅读目录: 背景 安装 查找.下载rpm包 .执行rpm包安装 配置elasticsearch专属账户和组 设置elasticsearch文件所有者 切换到elasticsearch专属账户测试能否成功启动 安装自启动elasticsearch servicewrapper包 下载elasticsearch servicewrapper 包 elasticsearch servicewrapper开源包的配置小bug servicewrapper安装 chkconfig -add 加入linux…

前端自动化流程工具,用来合并文件,压缩等. Gulp官网 http://gulpjs.com/ Gulp中文网 http://www.gulpjs.com.cn/ Gulp中文文档 https://github.com/lisposter/gulp-docs-zh-cn Gulp插件网 http://gulpjs.com/plugins/ Awesome Gulp https://github.com/alferov/awesome-gulp StuQ-Gulp实战和原理解析 http://i5…

前端构建工具gulp使用 前端自动化流程工具,用来合并文件,压缩等. Gulp官网 http://gulpjs.com/ Gulp中文网 http://www.gulpjs.com.cn/ Gulp中文文档 https://github.com/lisposter/gulp-docs-zh-cn Gulp插件网 http://gulpjs.com/plugins/ Awesome Gulp https://github.com/alferov/awesome-gulp StuQ-Gulp实战和原…

阅读目录: 背景 安装 查找.下载rpm包 .执行rpm包安装 配置elasticsearch专属账户和组 设置elasticsearch文件所有者 切换到elasticsearch专属账户测试能否成功启动 安装自启动elasticsearch servicewrapper包 下载elasticsearch servicewrapper 包 elasticsearch servicewrapper开源包的配置小bug servicewrapper安装 chkconfig -add 加入linux…

前端构建工具gulp使用   前端自动化流程工具,用来合并文件,压缩等. Gulp官网 http://gulpjs.com/ Gulp中文网 http://www.gulpjs.com.cn/ Gulp中文文档 https://github.com/lisposter/gulp-docs-zh-cn Gulp插件网 http://gulpjs.com/plugins/ Awesome Gulp https://github.com/alferov/awesome-gulp StuQ-Gulp实战…

编辑器: 1 webstorm(建议版本10.0), 2 sublimeTEXT(建议版本3), 3 dreamweaver (建议版本CS6, CC2015)  浏览器: 1 firefox  建议安装 firebug插件  其他插件: httprequester(调试接口用), 2 chrome  建议安装插件:postman(调试接口用) UI技能(前端角度,非UI角度) Photoshop cc2015, markman标记工具 其他:美图秀秀,fireworks,AI 项目管理 git…

1. 安装node 2. 安装python 3. 安装connect, serve-static和node-livereload (以下都假设命令行当前目录为e:\WebSite) e:\WebSite>npm install connect e:\WebSite>npm install serve-static e:\WebSite>npm install livereload 如果出现类似:MSB8036: The Windows SDK version 8.1 was not fo…

postman客户端下载地址:https://www.getpostman.com/apps 目录 流程控制 调试 公共函数 外部数据文件 流程控制 流程控制简言之就是设置接口的执行顺序,流程控制只有在collection runner或Newman里才生效 如果需要实现多个接口的一次循环,只需在每个接口的Tests中编写脚本 postman.setNextRequest('下一个接口名'); 操作如下图所示: 使用if进行判断来结束执行: if(globals["我的地盘::创建新列表 - 禅…

angular1学习笔记(2)- 前端开发环境 1.代码编辑工具 2.断点调试工具 3.版本管理工具 4.代码合并和混淆工具 5.依赖管理工具 6.单元测试工具 7.集成测试工具 常见的前端开发工具 1.subline 2.webstrom 3.chrom 插件 Batarang (断点调试工具) 3.git.svn  版本管理工具 4.nodejs 开发和调试工具    npm包管理器    grunt.gulp.webpack   代码合并和混淆工具 5.依赖管理工具 bower 6.htt…

第一步:下载软件 下载工具包:aria2GUI和chrom插件 链接:https://pan.baidu.com/s/104t6aZXx9zfxBV9rS_eLfg  密码:yg96 ①下载Aria2GUI主程序,完成Aria2GUI的安装 ②下载chrome插件包,解压后随便放到一个地方(以后勿删除) 第二步:配置Chrome浏览器 ①:打开Chrome浏览器,点击偏好设置-扩展程序-勾上”开发者模式“,随后将第一步②中解压后的整个chrome文件夹拖入Chrome浏览器界面,即可完成插件的安…

最近打算在项目过程中使用node.js辅助解决一些问题,需要用到node.js的调试技术. 通常而言,大家都会提到debugger或者node-inspector方法. debugger方法谁用谁知道,一般应该没有人去使用, node-inspector呢,如果你运气好,可能在两步之内就可以使用chrome来调试了,但是如果运气不好可能就看到 "Remote debugging has been terminated with reason: websocket_closed"错误 如…

效率工具 windows桌面程序 Listary 本地文件搜索器 有道词典 划词翻译, 并且能够存在生词本里面 印象笔记 浏览资料整理 chrom插件 crxMouse 鼠标手势 chrome vimium 一些情况下使用鼠标手势, 一些情况下使用这个快捷键工具, 一般二选一避免右手切换导致的思维停顿. 比浏览器自己的快捷键要强大 印象笔记剪辑 把值得收藏的内容收藏到印象笔记里面 常用技巧 多个屏幕的提高效率 左编辑器, 中间浏览器和其它窗口, 右边桌面图标,聊天工具以及浏览器控制台.爽啊! 快…

痛点:最近有个API网关的兼容性测试任务,需要验证API是否可用,返回值符合预期,如果手工复制粘贴curl命令,繁琐且低效 调研时发现了Postman 这个chrom插件,试用了2天后发现使用起来很方便,现总结如下: Postman简介:Postman是一种网页调试与发送网页http请求的chrome插件.我们可以用来很方便的模拟get或者post或者其他方式的请求来调试接口 安装:通过chrome浏览器打开chrome网上应用店直接添加到chrome插件中 (可能需要番墙...) 使用方式:…

http://www.cnblogs.com/starof/p/5194622.html 前端自动化流程工具,用来合并文件,压缩等. Gulp官网 http://gulpjs.com/ Gulp中文网 http://www.gulpjs.com.cn/ Gulp中文文档 https://github.com/lisposter/gulp-docs-zh-cn Gulp插件网 http://gulpjs.com/plugins/ Awesome Gulp https://github.com/al…

先打个小广告哈 公司招java架构师,月薪25K以上,负责电商平台架构工作,工作地点在北京 1号线永安里站 附近,如有意向 请把简历发我邮箱jia6235@163.com 可以内部推荐. DHC是一款使用chrome模拟REST客户端向服务器发送测试数据的谷歌浏览器插件. DHC的开发背景 在web开发中,服务器端和客户端的开发和测试必不可少,但是测试的工作往往需要服务器端完成之后,客户端才能进行测试,这无疑延后了测试流程,导致服务器端开发完成后,无法进行充分的数据测试,很容易造成服务器端和客户…

1. 访问https://chrome.google.com/webstore/detail/elasticsearch-head/ffmkiejjmecolpfloofpjologoblkegm/ 2. 访问…

1.SwitchyOmega 2.Resource Override…

在实际的项目中,能用别人写好的插件实现相关功能是最好不过,为了节约时间成本,因为有的项目比较紧急,没充分时间让你自己来写,即便写了,你还要花大量时间调试兼容性.但是出于学习的目的,你可以利用闲暇时间,自己动手写写,看一些原生js的东西,根据自己的思路做插件,这样能提高水平. 说到autotemplete,好多人都用过,引用autotemplete.js,然后就可以实现在输入框输入值的时候提示下拉选项,类似于百度搜索框那种提示功能,下面就来说说自己的思路. 为输入框添加input事件 input事…

[小编]从今天开始,我将在这个博客上连载Visual Studio Team Service的定期更新.VSTS是Team Foundation Server 的在线版本,微软每3周会对这个服务进行更新,每3个月又会将积累的改动提供给企业版的TFS升级包.仅此,如果要了解TFS的新功能,这份日志将是你最好的信息来源. 以下是2015年11月18日的更新日志: 今天是我们的Connect():开发人员在线发布会,我们发布了很多重量级的功能: Visual Studio Team Services…

说明 经常玩Github的人肯定都知道大名鼎鼎的octotree吧,这款chrome插件可以说是浏览代码的神器,利用左侧的树形菜单可以很方便的打开目录.浏览文件等,加上Github全站本身使用了pjax技术,基本全程无刷新,用户体验非常好. 本着不要重新发明轮子的原则,搜遍了整个互联网发现确实还没有一个可以在gitlab 上浏览代码的插件. 现阶段几乎每家用git管理源代码的公司都用上了配套的gitlab服务,一般都会部署在企业内网.而且,在octotree的issue里有好多老外也在跪求作者做…

Chrom{e,ium}{,OS}中的硬件视频加速 转载请注明出处:https://ahangchen.gitbooks.io/chromium_doc_zh/content/zh//General_Architecture/HW_Video_Acceleration_in_Chrom%7Beium%7D%7BOS%7D.html 全书地址 Chromium中文文档 for https://www.chromium.org/developers/design-documents 持续更新ing,…

[小编]从今天开始,我将在这个博客上连载Visual Studio Team Service的定期更新.VSTS是Team Foundation Server 的在线版本,微软每3周会对这个服务进行更新,每3个月又会将积累的改动提供给企业版的TFS升级包.仅此,如果要了解TFS的新功能,这份日志将是你最好的信息来源. 以下是2015年11月18日的更新日志: 今天是我们的Connect():开发人员在线发布会,我们发布了很多重量级的功能: Visual Studio Team Services…

在前端开发中常常需要在chrome中安装一些插件辅助开发,比如最常用的Postman.React Developer Tools.Vue.js devtools等等...今天分享一下不需要“FQ”的插件安装方式.这些插件的安装需要分两种情况: 一.不需要处理可直接安装的插件(比如:React Developer Tools) 1.下载相应插件,网上很多: 2.打开chrome扩展程序管理页面:浏览器右上角自定义及控制按钮--->更多工具--->扩展程序: 3.勾选扩展程序管理页面上方开发者模式…

1.chrome background.js //chrome.webRequest.onBeforeRequest.addListener(function(info) { // chrome.tabs.executeScript({code: 'console.log("' + info.url + '")'}); // chrome.tabs.getSelected(null, function(tab) { // chrome.tabs.sendMessage(tab.id,…

    1. 官网安装(看网速-我下载的时候一直下载失败) 打开官网,https://www.getpostman.com 选择ios或者win 2. 非官网安装 https://pan.baidu.com/s/1mstsimqO3ZC5m9z8czxVnA 密码:q6yp 安装postman 3.需要安装分享的蓝灯安装包,成功之后跳转到如下页面,初次装的时候,可能会有一个报错提示,可以再装一下,会正常,分享的版本为win 4.有谷歌用户的话,在浏览器先登录谷歌用户,在谷歌浏览器中打开网上应用商…

13. Windows Windows (github) 是一个让你用占据整个屏幕的section来构建单面网站的插件.该插件提供给你一些回调函数,当新的section出现在可视区并且并且处理快照时被调用,所以你可以轻松的继承它来自定义导航菜单或更多的东西.下面是一个例子:译者注:点击每个章节,仅Chrome和Safari可用. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 $('.window').<a title="windows" href=&quo…

每次看英文网页或者文档的时候总会碰到不认识单词,就想能不能选中单词就可以显示翻译?于是就安装Google浏览器的翻译插件,总的来说,蛮繁琐的. 1.先安装谷歌访问助手 (1.)直接百度谷歌访问助手 (2.)点击上面第一条,进入网页,滑到下图所示的位置,点击下载地址一 (3.)点击完以后进入以下页面,然后按照提示操作,开始下载 (4.)下载完解压,待会备用 注意:你有可能下载得到的直接就是以.crx结尾的插件,并非压缩包,那就把第(7.)步省略,直接第(8.)步:找到刚刚下载的以.crx结尾的插件…

将Chrome浏览器中安装的插件程序导出为crx插件文件 以360急速浏览器为例进行导出crx插件程序 1.在Chrom商店中找到需要的插件,安装到浏览器的扩展程序里面()IDM Integration Module 谷歌应用商店下载地址(需有条件高科技上网才能访问此链接):https://chrome.google.com/webstore/detail/idm-integration-module/ngpampappnmepgilojfohadhhmbhlaek诚通网盘:https://YP…