git筆記

◎建立儲存庫的方式
1.在本機建立本地的儲存庫 (local repository)
mkdir git-demo 新建一個名為git-demo的目錄
cd git-demo 進入該目錄
git init 把儲存庫給建立起來，預設儲存庫會放在工作目錄下的 .git 目錄下

2.在本機建立一個共用的儲存庫 (shared repository)
got init --bare 建立一個 Git 儲存庫但不包含工作目錄
git clone [REPO_URI] 指令「複製」(clone)一份回來才行，而透過 git clone 的過程，不但會自動建立工作目錄，還會直接把這個「裸儲存庫」完整的複製回來

3.在 GitHub 或其他 Git 平台建立遠端的儲存庫 (remote repository)

◎新增檔案
放10個檔案到目錄裡[master +10 ~0 -0 !]
master代表目前工作目錄是 master 分支，也是 Git 的預設分支名稱
「紅色」的數字都代表 Untracked (未追蹤) 的檔案，也就是這些變更都不會進入版本控管。
後面依序是新增、修改、刪除的檔案數目
「綠色」的數字都代表 Staged (準備好) 的檔案，也就是這些變更才會進入版本控管。
後面是序是新增、修改、刪除的檔案數目將被建立一個版本
git add . 新增的檔案加入到git版本控制
git status 查詢狀態，顯示出目前最新版與索引檔之間的差異
git status -s 精簡版
git reset 重設工作目錄的索引狀態

◎新增部分檔案
git add 檔案名稱.副檔名/資料夾名稱
git add -u 則可以僅將「更新」或「刪除」的檔案變更寫入到「索引檔」中。
git help add 查詢add完整的指令與參數
git ls-files 可以列出所有目前已經儲存在「索引檔」中的75檔案路徑

◎提交變更/建立版本
git commit 把「索引檔」與「目前最新版」中的資料比對出差異，然後把差異部分提交變更成一個 commit 物件。
git commit -m "版本紀錄的說明文字"
git log 查詢版本的歷史紀錄
git log -10 查詢近10筆紀錄

◎刪除檔案
git rm 檔案名稱.副檔名 把檔案從工作目錄刪除
git rm filename 刪除檔案並更新索引檔
git rm --cached a.txt 刪除索引檔中的該檔，保留工作目錄下的實體檔案

◎更改檔名/資料夾名稱
git mv test unit-test

◎還原全部/單一檔案
git reset --hard 把工作目錄還原到目前的最新版
git checkout master 檔案名稱.副檔名

◎步驟
1.要使用 Git 版本控管，你必須先建立「工作目錄」與「版本庫」。(mkdir, git init)
2.你要先在「工作目錄」進行開發，你可能會建立目錄、建立檔案、修改檔案、刪除檔案、... 等操作。
3.然後當你想提交一個新版本到 Git 的「儲存庫」裡，一定要先更新「索引」狀態。(git add, git mv, ...)
4.然後 Git 會依據「索引」當下的狀態，決定要把那些檔案提交到 Git 的「儲存庫」裡。(git status)
5.最後提交變更時 (git commit)，才會把版本資訊寫入到「物件儲存區」當中 (此時將會寫入 commit 物件)。

SUSY (one) 筆記

@import susy // 匯入susy

// 960 grid
$total-columns: 12 // 欄位數量
$column-width: 60px // 欄位寬度
$gutter-width: 20px // 欄位間距寬度
$grid-padding: 10px // 格線最外圍左右邊的間距
(總寬 = column-width x total-column + gutter-width x (total-column -1 ) + grid-padding x 2)
(總寬 = (column-width + gutter-width) x total-column - gutter-width + grid-padding x 2)
$ipad: 767px 8  // min-width: 240px，前後相反的話變成max-width: 240px
$mobile: 240px 4 // min-width: 767px

.page
  +at-breakpoint($mobile) // 當螢幕解析度在240px以上時，總寬度最大可達320px
    +container // container也是susy的mixin，主要用來編譯出整體寬度
    // +set-container-width 只有寬度，左右不會留白
    +susy-grid-background // 顯示格線背景

// 分派欄位
.main
  +span-columns(9, 12) // 12欄佔9欄
.sidebar
  +span-columns(3 omega, 12) // 12欄佔3欄，omega可以實現元素併排，也可以置右

.main
  height: 500px
  background: red
  +span-columns(3)
  +isolate(6) // 定位在第6個位置
  +isolate-grid(3) // 12欄，佔3個欄位，也就是3*4設計

// 版型種類
$container-width: 1140px //直接設定網頁總寬度
$container-style //設定版型樣式，有fluid(流體)、static(固定版型非RWD)、magic(寬度有max-width效果)

clearfix的方式

1.
.clearfix:after{ 
content: "";
display: block;
clear: both;
} 

2.
.clearfix{
overflow: auto;
_height: 1%;
}
3.
.clearfix{
overflow: hidden;
_zoom: 1;
}
4.
.clearfix:after{
content: "";
display: block;
clear: both;

5.最佳
.clearfix{
*zoom: 1;
}
.clearfix:before,.clearfix:after{
display: table;
content: "";
}
.clearfix:after{
clear: both;
}

Sublime常用熱鍵+emmet插件

Ctrl+L 選擇單行
Ctrl+{ 向外縮排(tab)
Ctrl+} 向內縮排(shift+tab)
Ctrl+D 同時修改
Alt + F3 選取所有已選取的單字
Ctrl+R 尋找class位置
Ctrl+P 尋找檔名位置
Ctrl+Shift+D 複製該行到下一行
Ctrl + Enter 插入下一行
Ctrl + Shift + Enter 插入前一行
Ctrl + / 註解與移除註解
Ctrl + Shift + / 區域註解

emmet插件可以提高html&css程式碼的效率
語法網址：http://docs.emmet.io/abbreviations/syntax/

prepos使用筆記

Sass和Compass是用Ruby所開發而成的，如果你想要寫Sass，但卻又不想要使用命令提示字元輸入一些指令，可以試試fire.app或者是prepos這個軟體來協助撰寫。

prepos下載網址：http://alphapixels.com/prepros/

下載安裝完成後，先用編輯器產生一個附檔名為.sass的檔案到sass的資料夾裡，然後再用prepos去指定專案資料夾的位置，這樣prepos才能針對.sass檔進行編譯的動作。

prepos也有Livereload的功能，當網頁檔案更新了以後，瀏覽器也會跟著更新，這樣就不用一直切換去按F5更新了，實在是非常的方便。

詳細功能可參考這篇文章：http://ithelp.ithome.com.tw/question/10140077

Sublime Text2 問題

今天我在用Sublime Text2寫程式的時候發現一個問題，將檔案格式和語法都選擇sass存檔重新開啟以後，檔案的語法會被誤判成Ruby Haml格式。

解決方法：
1.找到Sublime Text 2/Packages/Rails/Ruby Haml.tmLanguage。
2.將<string>sass</string>這行給刪掉。
重新開啟檔案後問題即可以解決。