跳到主要內容

文章

目前顯示的是 三月, 2013的文章

[教學] 你所不知道的 ssh 連線方式

[教學] 你所不知道的 ssh 連線方式

最近因為準備 KSDG 課程活動,重新看一次 Paul Irish on Web Application Development Workflow ,裡面發現了些好玩的東西,特別是 ssh 的部份,通常每次我們連線到某台機器,都需要一直 ssh 進去之後,開始輸入密碼,



大家經常忍受這件事情,可是時間長久下來,會變成一個沈重的負擔,建議大家把自己的 publis key 放置於遠端機器的路徑下,

產生 public key 建置部分,首先在自己的機器裡面輸入,

ssh-keygen -t rsa [enter your password] [enter your password]
之後輸入

cat ~/.ssh/id_rsa.pub
會出現一大堆奇怪的字串,複製它

連線到遠端機器 接著進入到遠端機器裡面,到底下路徑中,

vi ~/.ssh/authorized_keys
將剛才複製的字串貼上,儲存後離開,
測試連線 回到自己的本機,測試連線是不是能夠,恭喜完成以上步驟,之後就不用再輸入密碼了。
ssh user@ip.ip.ip.ip alias machine setting 可是還是有個問題,就是每次 ssh 還是要輸入一長串的使用者名稱,ip 位置,在 .ssh 裡面可以提供簡單的 alias 設定,
在自己的本機內,編輯檔案路徑為

vi ~/.ssh/config
修改內容

Host [alias name] HostName [remote ip || domain name] User [login user name] IdentityFile [identity file path(option)]
範例可以參考如下,

Host demo HostName 213.80.200.1 Port 22 User caesar
之後將檔案儲存,離開,接著進行指令測試,

ssh demo



很快的,我就可以直接連線到機器裡面,不用再記憶一堆使用者名稱,ip 設定等問題,直接透過更直覺的 alias 機器名稱方式,連線到自己工作環境。
結語 身為開發者還是要讓自己工作流程變得簡單,只要多嘗試使用工具,善用身邊人的意見,也許只是某個提示,都能夠大大的提升自己的開發效率。

[教學] zen coding (emmet) 安裝使用方式

Zen coding 改名為 emmet

Zen coding 身為一個 web developer 不應該繼續花時間在浪費重複的事情上,這個好用的專案已經改名成 Emmet, 網址為,
Emmet 官方網址https://github.com/emmetio/emmetSublime text 2 安裝 emmet 輸入底下指令就可以安裝完成 emmet,
command + shift + p input `package install` input `emmet` Vim 安裝 emmet vim 安裝方式可以參考底下連結說明,
https://github.com/mattn/zencoding-vim 可以參考之前介紹使用 coffee plugin for vim 安裝方式
使用方式 在 emmet 網站裡面也有介紹如何開發 html,以 html5 樣板開發為例,在編輯區輸入內容如下,
html:5_ _ 為游標位置,在 sublime text 2 預設按鍵為 『tab』,在 vim 底下使用方法則為,『ctrl + y + ,』接著就會產生簡易的 html5 架構,內容如下,
<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> 接著游標就會直接跳至 body 中央,即可立即開發雛形頁面,開發似乎變得更為方便,
其他詳細的使用方法,可以參考 emmet 語法說明,
http://docs.emmet.io/abbreviations/syntax/後記 現在已經有許多好用的工具,可以讓前端工程師縮短開發時間,很多工具在不知道或者沒有人分享的狀況下,總是會自己重新刻一套,或者使用『複製』、『貼上』繁瑣的工作重新持續著。
就自己使用 Emmet 的經驗上,在產品的雛形開發上是十分方便的工具,如果大家有什麼類似的工具,或者前端輔助工具,也歡迎大家分享。