Website Series 0 - Website Development Environment

Preview:

Citation preview

Website DevelopmentEnvironment

4/30 - Website Series 0eugene@leadinfo.com.tw

Our Tools Sublime Text 2 or 3 Google Chrome Git (XAMPP)

Sublime Text 2

Ctrl+K, Ctrl+B

Ctrl+P

Convenient Hotkeys Ctrl+P 檔名搜尋開檔案

打 @ 開頭在 HTML 檔和 JS 檔中可以函數或是 HTML 的 ID Ctrl+Shift+P 功能清單,可用模糊比對

如: ssjs 會變成 Set Syntax: JavaScript Ctrl+D 可選取下一個和現在被選取相同的東西 Ctrl+Shift+L 可垂直一起編輯 … http://www.sublimetext.com/ https://packagecontrol.io/installation

Git

Revision Control 有分集中式、分散式 集中式

較不會有衝突 可設置權限 不能同時編輯同一個檔案

分散式 平行開發 較不占空間

Origin

Basic Terms And Operations Repository 儲存體 Clone / Fork 複製 / 叉取 (?) Branch 分支

Check-out 觀看特定版本 Commit 紀錄變化 Push 推入雲端儲存 Pull 將雲端版本拉入本機電腦

(local) Conflict 衝突 Merge 合併 Discard 放棄

Commits

Merge

Let’s try it

Developing PathSimple master & dev

Developing PathRecording new features

Developing PathHotfixs after releasing

References A successful Git branching model :

http://nvie.com/posts/a-successful-git-branching-model/

Recommended