HTML

簡介 上三次介紹了網路發展史上留到現在的一些技術，現在終於要進入寫程式的部分了。在寫那些密密麻麻的程式之前，我想要先介紹一下開發環境（IDE，Integrated Development Environment），也就是我們寫程式的環境。 時常有人在說，世界上最好學的語言就是html和css，初學者建議從這個下手，而沒一村我，也是這些「有人」之一，理所當然也是這麼認為。至於為什麼這麼容易上手，接著看下去就知道。 身為一個前端工程師，雖然不必像寶傑一樣上知天文下知地理，但懂的內容也可以算是包山包海。話雖如此，前端工程師的工作內容還是可以歸結到一些最基本的工具。還記得前端最重要的三個技術html、css、javascript三兄弟嗎？我就是在說他們！而今天，我們就要從他們的大哥——html開始介紹起。 開始囉！ 打仗要兵器，考試靠運氣 俗話說「打仗要兵器，考試靠運氣」，打仗靠的是什麼？兵器。兵器好的一方，贏的機會就比較大！那考試要靠什麼呢？運氣，運氣好的人，高分的機會就比較大！（等一下，這不太對吧） 巧婦難為無米之炊，所以，在開始寫出好的程式之前，你需要一個適合的開發環境或編輯器來編輯你的程式。 關於編輯器這一點，如果要仔細寫的話，又可以寫一大篇。開放各位碼農和鄉民們來表達意見和看法，我想大概戰個三天三夜也戰不完。使用Vim 和 Emacs的工程師們會先吵一輪，然後兩者的擁護派又都不屑跟別人吵XD。使用Atom的、使用SublimeText的和使用Notepad++的工程師會被Vim和Emacs排除在外，自成一國的吵。最後，使用記事本的，會窩在牆角，自己討論的很開心。 別懷疑，這就是工程師的日常生活，跟別人吵架：） 那我該選擇什麼樣的IDE呢？拜託不要跟我吵架，我是非常和平的。 放心，我最討厭跟別人吵架了（挑眉）。關於IDE的選擇，我倒是可以給你一些建議。 關於編輯器的選擇，就有上述那麼多種。Windows上，你可以選擇最簡單的記事本來撰寫，但我非常不建議你這麼做。為什麼呢？因為記事本上各種除錯功能都沒有，也沒有程式碼不同顏色的標亮，寫起程式來，可以說是非常吃力。我們剛剛說過打仗靠兵器，想像一下，你現在要去打仗，那麼windows記事本就相當於是給你一把漢陽造。可以打嗎？可以打，但是不能連擊，動不動還會給你炸膛。若拿其它的編輯器相比，大概就是AK47、M16這種等級吧XD 再者，如果你的作業系統使用的是Windows，那我建議你可以使用Sublime Text、Atom或者Notepad++。Notepad++是三者之中較早出現的編輯器，而且是由台灣人開發的！由台灣人開發的！由台灣人開發的！這點非常的重要，所以要說三次，因為是很早就開始發展的編輯器，相關的plugin也算蠻足的。而Sublime Text是近幾年來在前端工程師間較為興盛的，同樣plugin很多。至於Atom，又算是更為新潮的編輯器，使用人數不斷地在上升。 如果使用Linux或OS X這兩個作業系統，也可以考慮使用Vim和Emacs。這兩個分別被稱為「編輯器之神」和「神的編輯器」，不過這兩個名稱有什麼差別，這我也無法給出確切原因：）。這兩個編輯器的學習曲線雖然都很高（應該不是很高，是超級高），但是彈性都很大，可以非常客製化。此外，他們和terminal（如果不知道是什麼，他長的就類似Windows的命令提示字元，可以用來下很多指令）的整合十分良好，若使用的習慣的話，開一個terminal可以同時做很多的事。 至於沒一村我，在Ubuntu Linux和Mac OS X上，都是使用Vim。然後，我沒有使用Windows來做開發。 下面附上各編輯器的搜尋趨勢，或許可以看出各編輯器的消長，也可以讓你來做判斷。(圖的部分，感謝網友rplus指正) 由圖可以看出Emacs的搜尋人數大降，這主要是因為他學習曲線很高的緣故。至於Atom沒有放上來，是因為沒有辦法準確搜尋到該字詞，所以就不放了。 編輯器的介紹就到這裡，因為沒一村我也沒有使用過所有的編輯器，當然也無法給出所有編輯器的安裝方法。如果想要學習某一個編輯器的使用和設定，可以上網搜尋資料，內容都會很豐富喔：） 大哥是對的！…