一.Chrome端安装LiveReload插件 1.首先这里啰嗦一下,如果Chrome无法进入商店,可以先安装一下谷歌商店助手 谷歌商店插件地址 http://pan.baidu.com/s/1dF1ROjf 提取码:7bbh 将下载好的crx文件拖到扩展程序即可,确认添加 2.看完了上面的哆嗦,本来能够打开谷歌应用商店的小伙伴们是不是已经不耐烦了呢,现在进入正题 —>点击获取更多扩展程序,进入谷歌应用商店页面搜索LiveReload,点击添加至Chrome 现在看一下浏览器右上角,LiveRe

1.首先在chrome下安装这个扩展程序 LiveReload 2.在sublime下按快捷键 ctrl+shift+p  点击截图标的位置 按回车 输入LiveReload 即可下载 然后打开 {改成下面这样即可:重新退下sublime即可使用 "enabled_plugins": ["SimpleReloadPlugin","SimpleRefresh"]} 在浏览器上需要点击下LiveReload 让它变成实心 效果图如下:

1. 首先是下载PostMan工具,可以通过谷歌插件网站查询下载postman插件工具.解压文件 2. 解压压缩包 3. 修改_metadata文件重命名为metadata文件,保存待用.修改后为: 4. 打开谷歌浏览器,在界面右上角点击图标,点击“更多工具”,选择扩展程序. 5. 在扩展程序的页面,点击“加载已解压的扩展程序...”,选择刚刚解压postman本地存放路径 6. 插件安装成功之后,点击启动就可以使用postman了

需要插件  sublime text3:View in Browser:LiveReload chrome:liveReload 配置方法 一:sublime text3 sublime 3下载地址: http://download.csdn.net/download/reggergdsg/9541966 1.在sublime text3安装插件 view in browser 注意(安装插件之前先安装Package Control: http://blog.csdn.net/weixin_36

本文版权桂博客园和作者吴双共同所有,转载和爬虫请注明原文地址 http://www.cnblogs.com/tdws/p/6016055.html 写在前面 大家好我是博客园的蜗牛,博客园的蜗牛就是我.学习这篇文章,你不需要任何nodejs基础,当然你有的话就更顺利了.园子里有很多全栈或者是前端后台数据库都有需要你发光发热的人.也许你很喜欢做着这样的事儿,也许你不喜欢但是难以逃脱这样的安排.但是,无论你是前端,还是后端,还是全栈,好的工具和方法总是很重要的.当你在VS里写前端页面时,一遍又一遍的

1.插件下载地址:http://www.chromein.com/search_livereload_1.html 2.谷歌浏览器启用改插件 3.sublime 安装livereload插件,安装方法与其他插件一样 4.点击浏览器改小图标边实心 这样就可以直接修改完html或者css保存,不需要刷新,立即可以看到修改后的效果

在前端开发中,我们会频繁的修改html.css.js,然后刷新页面,开效果,再调整,再刷新,不知不觉会浪费掉我们很多时间.有没有什么方法,我在编辑器里面改了代码以后,只要保存,浏览器就能实时刷新.经过不懈的努力,发现了这么一个工具--livereload.这是一款能根据你本地文件(html.css.js)的变化,自动跟踪刷新浏览器的实时刷新工具,有了这个工具,会大大减轻你刷新页面的工作量. 安装chrome插件 这个就不做详细解释了,去chrome商店,下载安装livereload这么一个插件,

这两天倒腾编辑器,atom实在太大了,还是sublime好用 以前一直用sublime2, 然后更新到sublime3, 然后把一些必要的插件安装了一下:liveload(自动刷新): package control 首先给sublime添加了一个package control的插件, sublime2和sublime3安装package control 的方式不同, 查看这里; 安装LiveReload 然后通过快捷键(ctrl+shift+p), 会出现下面这个界面:选择 package c

gulp-ruby-sass是gulp的一个插件,主要是用来实现sass编译,livereload插件主要是实现文件保存时浏览器自动刷新,避免了手动f5的频繁的操作 准备工作:chrome浏览器安装livereload插件,没有安装的可以百度搜索或者FQ下载, 1)首先安装node,全局安装gulp,如果不了解gulp的请先移步到这里. 2)打开命令行切换到工程目录下,安装gulp(cnpm install gulp --save-dev).gulp-ruby-sass(cnpm install

前言:搜了半天,各种推荐,什么十大工具啦.优秀工具集合啦之类的咸淡文章,就是没有一个讲怎么弄的.配合官网的article自己研究了半天总算配置好了.顺便吐槽下官网关于sass/less设置这块说的模糊不清的.写个教程给大家,相信会对新手们有帮助的. 声明:本文不涉及Grunt. 开发环境:windows7 编辑器:sublime text3 浏览器:firefox31 介绍 一般前端写页面,修改了html or css要想看效果通常就得 Alt+Tab,切换到浏览器,然后F5刷新,时间久了….

Genymotion提供Android虚拟环境的工具集.相信很多Android开发者一定受够了速度慢.体验差效率及其地下的官方模拟器了.如果你没有物理机器,又不想忍受官方模拟器的折磨,Genymotion会是你非常不错的选择.Genymotion支持Windows.Linux和Mac OS,容易安装和使用,下面就然我们一起来体验神器给我们带来的快感吧. Genymotion特性 提供最好的Android模拟体验 支持OpenGL加速,提供最好的3D性能体验 支持从Goole Play安装应用 支

依赖条件: 1.安装liveReload浏览器插件: http://livereload.com/extensions/ chrome可以直接去在线商店安装liveReload. P.S.也可以贴代码. 2.安装liveReload本地: http://livereload.com/ 使用方法: 1.启动liveReload本地软件,点击+添加要监测的文件夹 2.打开你的页面,在chrome上点击插件切换成监测状态(鼠标移上去有提示已连接) 3.没了.

Genymotion简述 Genymotion提供Android虚拟环境的工具集.相信很多Android开发者一定受够了速度慢.体验差效率及其地下的官方模拟器了.如果你没有物理机器,又不想忍受官方模拟器的折磨,Genymotion会是你非常不错的选择.Genymotion支持Windows.Linux和Mac OS,容易安装和使用,下面就然我们一起来体验神器给我们带来的快感吧. Genymotion特性 提供最好的Android模拟体验 支持OpenGL加速,提供最好的3D性能体验 支持从Goo

1.安装nodejs http://nodejs.org/download/  自动根据系统下载自己的版本node.js 2.环境变量 windows 安装,不需要配置环境变量   mac安装后,会提示你配置环境变量,需要配置环境变量(貌似)  命令  sudo vim /etc/paths   输入密码  然后将路径输入进去, 3.测试是否成功 控制台输入node -v 或者输入node 进去node模式然后输出console.log(1); 看看有反应没啊 4.配置工具 我喜欢用 Intel

传统网页开发流程:用sublime text写好代码,运行,发现问题,再回到sublime text修改,运行…如此往复,十分繁琐.今天看到有人(<LiveReload>讓Sublime Text儲存後網頁自動同步更新)用liveReload实现了网页开发同步更新,试了试,果真不错,具体配置方法如下. 需要插件 sublime text:View in Browser:LiveReload chrome:liveReload 配置方法 1.在sublime text安装插件 view in b

Sublime_text 3下载与安装详细教程 参考: https://blog.csdn.net/weixin_40682842/article/details/78727266 http://www.cnblogs.com/wind128/p/4409422.html 1.下载安装 http://www.sublimetext.com/3 进入官网 找到对应版本下载,其中 portable version 版本下载解压后可以直接打开不需要安装 2.Sublime_Text配置 双击桌面“Su

命令:express -e ./ express表示安装express -e表示使用ejs作为模板 ./表示当前目录中 (使用上面的命令之前我们应该使用npm安装express框架 sudo npm install -g express sudo npm install -g express-generator ) 1.1安装cnpm 执行 npm install cnpm -g --registry=https://registry.npm.taobao.org 1.2检测cnpm是否安装成功

首先gulp是基于Node的,所以确保你已经安装 node.js,在Nodejs官方网站下载跟自己操作系统相对应的安装包. 先说一下gulp安装流程: 1:全局安装gulp,操作为: npm install gulp -g;2:在根目录下创建 package.json文件,操作为:npm init,之后根据操作输入“名字,版本号,描述”等内容,直接按回车则使用默认值,最后根据提示输入YES即可:输完后根目录下多了个package.json文件:3:本地安装gulp,先进入你的项目所在,如d盘下的

gulp安装:用cnpm的时候把npm换成cnpm就好了. npm install -g gulp(全局安装,安装一次就好) npm install --save-dev gulp(安装到项目目录下,在每次的项目下安装) gulp的安装过程: 首先全局安装:npm install -g gulp(全局安装,安装一次就好) 1:在项目文件下初始化:npm init,用户需要回答一些问题,然后再当前目录生成一个基本的package.json文件,所有问题之中只有项目名称(name)和项目版本是必填,

配置运行环境 Guard,Compass 和 Livereload 是 Ruby 的 Gem 套件,需要 Ruby 运行环境.另外还需要安装 Ruby 的扩展开发包 Development-Kit,以实现 Livereload 的功能和 SASS 的编译.最后需要 Bundler 用于打包 Gem 依赖. 安装 Ruby 下载并安装 Rubyinstaller. 安装过程中勾选相关设置,这样可以直接通过cmd命令行操作(不必手动添加Path). 安装完成后,在 CMD 窗口运行 ruby --v