跳到主要內容

在Linux使用Guard-LiveReload

因為 LiveReload 的App並不支援Linux,所以也必須手動安裝。此處我就以 Ubuntu/Mint來安裝。



首先,把需要的套件裝齊,gcc和ruby。
$sudo apt-get install build-essential ruby1.9.1 ruby 1.9.1-dev

許多高手在Linux/Mac會用rvm,因為我不是高手,也不寫RoR,所以只用系統提供的Ruby。

接下來,就是安裝livereload及guard-livereload,不囉唆,一次裝完 :D
$sudo gem install livereload guard-livereload  yajl-ruby bundler rb-inotify compass $compass-validator css_parser

如果需要用Rails,得先裝sqlite3及Node.js
$sudo apt-get install sqlite3 libsqlite3-dev node
$sudo gem install sqlite3 rails therubyracer

接下來和Windows一樣,做一個Gemfile,內容:
source "http://rubygems.org"
group :development do
  gem 'compass'            # Depends on Sass, will be installed automatically.
  gem 'compass-960-plugin' # 960.gs
  gem 'compass-validator'  # So you can `compass validate`.
  gem 'rb-inotify', '~> 0.8.8'
  gem 'oily_png'           # Faster Compass sprite generation.
  gem 'css_parser'         # Helps `compass stats` output statistics.
  gem 'guard-compass'      # Compile on sass/scss change.
  gem 'guard-livereload'   # Browser reload.
  gem 'yajl-ruby'          # Faster JSON with LiveReload in the browser.
end
接下來跑一遍bundler,確認沒少東西。
$bundle
剩下來就是監控檔config.rb及Guardfile
config.rb
http_path = "/"
css_dir = "css"
sass_dir = "css"
images_dir = "images"
javascripts_dir = "js"
preferred_syntax = :scss
line_comments = false #不要產生註解
Guardfile
notification :on
# Current watch directory must contain the Compass config file.
if File.exists?("./config.rb")
  # https://github.com/guard/guard-compass
  guard 'compass' do
    watch(%r{(.*)\.s[ac]ss$})
  end
end

guard 'livereload' do
  watch(%r{.+\.(css|js|aspx|ashx|html|php|inc)$})
end
沒問題就可以在監控目錄跑
$bundle exec guard

留言

這個網誌中的熱門文章

自然人憑證讀卡機驅動程式

鳥毅用的是第一代的自然人憑證讀卡機,EZ100PU(後來有同事買EZmini可以讀SIM卡似乎更好),每年報稅時用一次。 本來只是要申請些政府業務,一時之間找不到光碟,沒想到在 驅動程式下載 居然看到Linux和Mac的驅動程式,剩下的就是政府單位的網頁和程式應該改版了吧!!!

DBeaver 介面語言

DBeaver是我個人頗常用的一套跨平台Database管理工具,最近升級後發現Windows版本居然變成簡體中文,而且無法切換為英文。

如何將較高版本SQL Server複製到低版本SQL Server (降級為舊版)並保留權限及資料庫圖表

一般若是要將SQL Server裡的Database轉往其他Server時,最簡單的方式就是備份(Backup)後再還原(Restore),或者是䣃離(detach)後附加(attach)。 但是很不幸地,若是由較低版本(e.g. 2008)到較高版本(e.g. 2012)要怎麼辦呢?