website series 0 - website development environment

21
Website Development Environment 4/30 - Website Series 0 [email protected]

Upload: eugene-yang

Post on 23-Feb-2017

156 views

Category:

Engineering


2 download

TRANSCRIPT

Page 1: Website Series 0 - Website Development Environment

Website DevelopmentEnvironment

4/30 - Website Series [email protected]

Page 2: Website Series 0 - Website Development Environment

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

Page 3: Website Series 0 - Website Development Environment

Sublime Text 2

Page 4: Website Series 0 - Website Development Environment
Page 5: Website Series 0 - Website Development Environment
Page 6: Website Series 0 - Website Development Environment
Page 7: Website Series 0 - Website Development Environment

Ctrl+K, Ctrl+B

Page 8: Website Series 0 - Website Development Environment
Page 9: Website Series 0 - Website Development Environment

Ctrl+P

Page 10: Website Series 0 - Website Development Environment

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

Page 11: Website Series 0 - Website Development Environment

Git

Page 12: Website Series 0 - Website Development Environment

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

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

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

Page 13: Website Series 0 - Website Development Environment

Origin

Page 14: Website Series 0 - Website Development Environment

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

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

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

Page 15: Website Series 0 - Website Development Environment

Commits

Merge

Page 16: Website Series 0 - Website Development Environment

Let’s try it

Page 17: Website Series 0 - Website Development Environment

Developing PathSimple master & dev

Page 18: Website Series 0 - Website Development Environment

Developing PathRecording new features

Page 19: Website Series 0 - Website Development Environment

Developing PathHotfixs after releasing

Page 20: Website Series 0 - Website Development Environment
Page 21: Website Series 0 - Website Development Environment

References A successful Git branching model :

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