跳到主要內容

發表文章

目前顯示的是 3月, 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 的經驗上，在產品的雛形開發上是十分方便的工具，如果大家有什麼類似的工具，或者前端輔助工具，
張貼留言
繼續閱讀>>