制定了一個從前端入手到全棧的長期自學計劃。看了很多天的前端影片，HTML、CSS、JavaScript的教程都看了一遍，基礎知識聽起來都懂，但真正要學會、記住並靈活運用，將程式設計語法和方法入腦入心，形成系統思維，還得靠實際操練。
工欲善其事，必先利其器。進入前端開始實操的第一步，就是要有一個好用的程式設計環境。
Sublime Text3是一款用於程式碼、標記和散文的精緻文字編輯器，Sublime Text 是一個跨平臺的編輯器，支援windows、linux和Mac系統。Sublime Text是收費軟體，但是可以無限試用，未授權版本在使用過程會彈出授權提示，但是不影響使用，支援Sublime Text可以去官網購買。
安裝完成可以寫程式碼，做出自己的第一個網頁了。
第一個原始碼是這樣的，程式碼要一個字一個字的敲，很多檔案頭和固定設定其實是固定的，不需要死記硬背，包括HTML的四級骨架，都是基本固定的。一句一句敲出程式碼還是一件挺繁瑣且費腦筋的事情，那麼我們就要裝一些外掛，提高我們寫程式碼的效率。網上搜索了一下，各路大神推薦的最基礎，最需要安裝的兩個外掛就是Package Control和Emmet。
Package Control是外掛管理包，有了它，我們就可以很方便的瀏覽、安裝和解除安裝Sublime Text中的外掛。可以進入官網https://packagecontrol.io/選擇Install Now，有三種安裝方式的簡要說明，可以直接在Sublime Text中選擇選單Tools->Install Package Control自動安裝，也可以下載安裝包手動安裝。
Emmet的前身是大名鼎鼎的Zen coding，它使用仿CSS選擇器的語法來生成程式碼，大大提高了HTML/CSS程式碼編寫的速度。安裝也很簡單，在Sublime Text中選擇選單Preferences-> Package Control->Install Package->emmet自動安裝，如果安裝失敗的話可以選擇下載安裝包手動安裝
Emmet可以把縮寫擴充套件成程式碼，按照規則縮寫，按一下Tab鍵，可以直接出來一大塊程式碼，看起來是不是有點專業的樣子了。比如敲入如下程式碼：
ul#nav>li.item$*4>a{Item $}
按一下Tab鍵，直接擴充套件成這樣：
<ul id="nav">
</ul>
---------------------------------------------------------
我是萬師兄，一名985機械專業畢業、又有一級造價工程師執業資格證書、打算進入IT領域的起步者，年紀雖然不小，但幹事創業激情不減，到了不缺錢的年紀，總想做點什麼，或者創造點什麼，不負韶華，不負青春。三個月前開始自學了HTML、CSS、JavaScript、Python、資料庫，並在持續的學習中，歡迎志同道合的朋友一起交流，一起進步。
下一步：開始拆解網站，訓練技術能力，分享學習心得。