Hologram 是一個用來讀取樣式檔中的註解,並轉換成 Style Guide 的工具。
註:以下操作若未特別說明,一律是在「 iTerm 」或「終端機」的命令列下輸入指令執行。
確認 Ruby 版本大於 1.9.3 ,輸入:
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Lifecycle of React Component</title> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> | |
</head> | |
<body> | |
<div id="example"></div> |
'use strict'; | |
/////// COMMON /////// | |
var gulp = require('gulp'); | |
var del = require('del'); | |
var path = require('path'); | |
var runSequence = require('run-sequence'); | |
// Load plugins |
'use strict'; | |
/////// COMMON /////// | |
var gulp = require('gulp'); | |
var del = require('del'); | |
var path = require('path'); | |
var runSequence = require('run-sequence'); | |
// Load plugins |
{ "keys": ["f3"], "command": "add_to_project" }, |
{ | |
"name": "prototype-template", | |
"version": "0.0.0", | |
"private": true, | |
"devDependencies": { | |
"backbone": "^1.1.2", | |
"browserify": "^6.3.2", | |
"browserify-shim": "^3.8.0", | |
"del": "~0.1.3", | |
"gulp": "~3.8.8", |
#!/bin/bash | |
# Usage | |
# boot2docker up && start_gitlab | |
# Remove old container | |
remove_container(){ | |
CONTAINER=$1 | |
RUNNING=$(docker inspect --format="{{ .State.Running }}" $CONTAINER 2> /dev/null) | |
retval=$RUNNING |
Hologram 是一個用來讀取樣式檔中的註解,並轉換成 Style Guide 的工具。
註:以下操作若未特別說明,一律是在「 iTerm 」或「終端機」的命令列下輸入指令執行。
確認 Ruby 版本大於 1.9.3 ,輸入:
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Document</title> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" type="text/css" href="/css/main.css"> | |
</head> |
{ | |
"directory": "public/bower_components" | |
} |