前端有兩大神器

Sublmie

下載地址：

http://www.sublimetext.com/

下面我們介紹一下Sublime的安裝和使用：

處於安全和安裝版本的考慮，建議大家還是去官網下載Sublime的安裝包（http://www.sublimetext.com/）， 官網上還用gif動態形象的展示了它的一些常用功能。

注意在安裝後， Sublime不會在桌面新增圖示，你需要在開始選單的所有程式中找到它：

圖6-開啟Sublime編輯器（截圖來自秒秒學課程）

通常我們習慣開啟側邊欄，可以透過如下操作開啟。

圖7-開啟Sublime側邊欄（截圖來自秒秒學課程）

開啟側邊欄後，基本的編輯介面就是下圖中的樣子。

圖8-Sublime基本介面（截圖來自秒秒學課程）

上圖有行數，程式碼縮圖，標題以及側邊目錄，和程式碼高亮。然後下圖展示了智慧程式碼提示功能，基本這幾大功能是我們最常用的。

圖9-Sublime智慧程式碼提示（截圖來自秒秒學課程）

Sublime當然還有其它很多的功能，比如多視窗，多選擇，專案及時切換等等，作為web開發的初學者，我其實也很少用到這些高階功能，但我知道它真的很方便。

最後，當然是用瀏覽器開啟html檔案。如下圖，在html檔案中右鍵，然後選擇Open in Broser選項就可以了。

圖10-用瀏覽器開啟操作（截圖來自秒秒學課程）

總之呢，Sublime是一款輕量、簡潔、高效、而且跨平臺的編輯器。支援N多種語言，很多攻城獅都偏愛它！作為web學習者，我覺得不用在編輯器的選擇上太費周章，選一款你中意的就行，比如我就比較中意Sublime。

Notepad++

https://notepad-plus-

plus.org/

以上兩個都是前端開發的神器

如果完全不會html，建議你用Dreamweaver，ADOBE出品，比較傻瓜式，有一些表格、按鈕等控制元件可以透過拖放的方式，所謂的“所見即說得”，但做出來的東西說實話有點“土”，不夠流行，隨便用用足夠了，也有一些簡單的JS效果可以直接使用，無需手敲程式碼。

如果對這行比較感興趣，建議你可以學一些Html語法，還算簡單，容易理解，網上的教程也很多，這個時候，可以繼續沿用Dreamweaver，或使用一些更高階的編輯工具，比如VS Code或Sublime，進階的話，繼續學習JS+CSS

推薦一個新手學習html/js/css的網站：

http://www.w3school.com.cn