沒想到在工作了五年後還有機會再接觸寫code,也謝謝家裡老爹老娘的體諒 .              現在前端寫程式和以前印象中感覺有了巨大的不同,以前寫code都是用ide一個字一個字慢慢敲  compile 執行後 報錯然後開始debug,現在前端的開發 用的是看起來十分酷炫的editor 像是Atom or sublime 加上一些像是Emmet的外掛軟体 來編輯html css and javascript , 寫程式就像是寫選擇題,因為老師上課時用的是sublime, 因此在編輯 Atom snippet 的時候遇到了一些狀況,卡關了兩個禮拜,花了許多時間找資料,希望如果後續大家可以省下這些時間.     參考資料:     https://www.sitepoint.com/use-code-snippets-atom/   http://flight-manual.atom.io/using-atom/sections/snippets/     一開始就到atom 找snippet 的說明,但是只有一個javascript 的範例如下   但是我想做的是html 的snippet 阿.....   然後兩個禮拜過去了 鬍子都長出來了 終於在 第二個網站 看到   the snippet scope in  snippets . cson  must also have a period added to the start of that string. Popular web-language scopes include:   HTML:  . text . html . basic    CSS:  . source . css  SASS:  . source . sass  JavaScript:  . source . js  JSON:  . source . json  PHP:  . text . html . php  Java:  . source . java  Ruby:  . t...