跳到主要內容

文章

目前顯示的是 三月, 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/emmet Sublime 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 的經驗上,在產品的雛形開發上是十分方便的工具,如果大家有什麼類似的工具,或者前端輔助工具,