livereload

Does Sublime Text support live editing of CSS/SASS files?

£可爱£侵袭症+ 提交于 2019-12-04 02:36:22
Does Sublime Text support live editing of files? I'm looking for a better workflow. I really like Sublime Text, but recently I've been spoiled by the "Live Editing" capabilites of tools like Codepen.io and (recently tested) Adobe Brackets. When I go back to Sublime, even Live Reload seems clunky in comparision. Live Reload: Press Save To Preview.. I'm using the LiveReload Chrome plugin, and depending on the project (Ruby or JS) I'll use Guard or Grunt to watch system files. I like LiveReload. But having to press 'save' on a file to see its changes in the browser is driving me nuts. Even with

Android 的 LiveReload — jimu Mirror

回眸只為那壹抹淺笑 提交于 2019-12-03 15:44:25
用过 Sketch 的朋友应该都知道一个叫 Mirror 的功能,它可以将你的设计稿放到手机上预览,为设计师们提高了不少效率。而今天我要介绍的 jimu Mirror ,和 Sketch Mirror 类似,可以将 Android 的 xml 实时放到手机上预览。但是现代化的 IDE 都已经提供在 IDE 内实时预览 xml 的功能, jimu Mirror 有啥用呢? 有用!还是相当有用! 本文将以微信的界面作为参考,在不写一句 Java 代码的情况下,轻松实现微信的几个界面。 转载自我的博客: http://www.specyci.com/articles/16 1. 安装 jimu Mirror jimu Mirror 支持 Android Studio / IDEA,本文将以 Android Studio 作为开发环境,读者请自行下载对应版本。 http://jimulabs.com/mirror-downloads/ 将插件下载下来后,在 Android Studio 菜单进行简单操作,即可安装。 Configure -> Plugins -> install plugin from disk 没什么意外的话,你应该就能看见 Mirror 的小图标了。:) 2. 配置 jimu Mirror 如果你使用的是 Android Studio,恭喜你,你什么都不用做

Hot Code Push NodeJS

做~自己de王妃 提交于 2019-12-03 13:31:33
问题 I've been trying to figure out this "Hot Code Push" on Node.js. Basically, my main file (that is run when you type node app.js ) consists of some settings, configurations, and initializations. In that file I have a file watcher, using chokidar. When I file has been added, I simply require the file. If a file has been changed or updated I would delete the cache delete require.cache[path] and then re-require it. All these modules don't export anything, it just works with the single global Storm

How to run livereload with gulp within a docker container?

﹥>﹥吖頭↗ 提交于 2019-12-03 09:38:54
问题 I created a docker container to run tasks with gulp. All tasks are running, the problem is I can't enable livrereload in Chrome although I exposed the 35729 port in my container. Here is the Dockerfile : FROM ubuntu:latest MAINTAINER jiboulex EXPOSE 80 8080 3000 35729 RUN apt-get update RUN apt-get install curl -y RUN apt-get install software-properties-common -y RUN add-apt-repository ppa:chris-lea/node.js RUN apt-get update RUN apt-get install nodejs -y RUN curl -L https://www.npmjs.com

前端实时可视化开发工具的使用

為{幸葍}努か 提交于 2019-12-03 04:13:44
前端实时可视化开发工具:liveStyle、liveReload、Broswer-Sync。 一 、liveStyle http://livestyle.io/ 安装分两部分 浏览器和编辑器同时安装插件liveStyle 优点有以下几项: 缺点也很明显 liveStyle 是针对样式的实时工具,包括css、less、sass, 不能修改HTML和js文件 。 目前 只适用于Google Chrome和Sublime Text ,如果你使用的是其他编辑软件的话就不一定那么好用了 二、liveReload http://livereload.com/ liveReload 工作的本质: 是监控所有文件修改,文件修改后刷新浏览器,相当于帮你按了 F5 安装分两部分 浏览器安装 liveReload 和 本地安装 npm install -g livereload 启动 cd到项目文件夹下,执行 livereload 优点 : 相比较liveStyle 而言,liveReload 功能更丰富,不仅包括css,less,sass,像img,html,js等格式的文件同样也适用 编辑器方面的选择更加多样 支持gulp,grunt等工具的使用 缺点: 相比较liveStyle 而言liveReload 修改是单向的, 也就是浏览器 -> 编辑器 这一功能是没有的 (当然这是相对来说)

Hot Code Push NodeJS

一个人想着一个人 提交于 2019-12-03 03:28:57
I've been trying to figure out this "Hot Code Push" on Node.js. Basically, my main file (that is run when you type node app.js ) consists of some settings, configurations, and initializations. In that file I have a file watcher, using chokidar. When I file has been added, I simply require the file. If a file has been changed or updated I would delete the cache delete require.cache[path] and then re-require it. All these modules don't export anything, it just works with the single global Storm object. Storm.watch = function() { var chokidar, directories, self = this; chokidar = require(

Ember CLI Live Reload Not Working

余生长醉 提交于 2019-12-03 02:59:00
I've seen other similar questions here and here but neither of those worked for me. I'm on a mac and simply installed ember cli using npm and I thought it would work out of the box. Here is the server output: version: 0.1.4 Could not find watchman, falling back to NodeWatcher for file system events Livereload server on port 35729 Serving on http://0.0.0.0:4200/ Build successful - 2456ms. Slowest Trees | Total -------------------------------+---------------- EsnextFilter | 877ms TreeMerger | 380ms Concat | 375ms JSHint - Tests | 178ms EsnextFilter | 146ms ES6Concatenator | 135ms I wasn't the

grunt watch livereload Fatal error: Port 35279 is already in use by another process

匿名 (未验证) 提交于 2019-12-03 02:56:01
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: I'm trying to use livereload with watch. I keep getting the message "Fatal error: Port 35279 is already in use by another process" . I've changed the port for livereload but then nothing reloads. module.exports = function(grunt) { grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), compass: { dist: { options: { cssDir: 'stylesheets', sassDir: 'stylesheets/sass/', imagesDir: 'images', javascriptsDir: 'scripts', require: ['sass-globbing','modular-scale'], force: true } } }, cssmin: { minify: { expand: true, cwd: 'stylesheets', src: ['

How to do live reload with Rails 4 and Ruby 2.0 app?

匿名 (未验证) 提交于 2019-12-03 02:49:01
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 由 翻译 强力驱动 问题: I want to see live changes in browser if I edit .scss or .erb file in text Editor in Rails 4 + Ruby 2.0 project. I tried Guard and Guard-live-reload, but it's throwing the following error. 22 : 58 : 04 - ERROR - Could not load 'guard/rspec' or find class Guard :: Rspec 22 : 58 : 04 - ERROR - /home/ jitendra /. rvm / gems / ruby - 2.1 . 1@global / gems / guard - 2.6 . 1 / lib / guard / plugin_util . rb : 100 : in `require' > [#] /home/jitendra/.rvm/gems/ruby-2.1.1@global/gems/guard-2.6.1/lib/guard/plugin_util.rb:100:in ` plugin

How can I get Grunt/Watch/LiveReload to reload Sass/CSS without a full page refresh?

自古美人都是妖i 提交于 2019-12-03 02:21:58
问题 So far, I've gotten everything working how I want (which is monitoring all the files I want and refreshing whenever there is a change), other than I'd love to be able to make modifications to Sass/CSS and have it refresh in the browser without a page load. It's not a huge deal, but sometimes I'm trying to modify the style of something after there's been some page interaction and I have to go through the process all over again if the page refreshes. I'm fairly certain this is possible, but it