安裝基本軟體

在本文中，你會知道有哪些 Web 開發的簡易工具，以及正確的安裝方式。

專家都用哪些工具？

電腦，這東西對某些人來說再合理不過了，但可能有人卻是用自己的手機，或在圖書館電腦上讀這篇文章的。若要真正著手開發 Web，最好還是弄一台桌上型電腦 (Windows、Mac，或 Linux 均可)。
文字編輯器，用來寫程式碼。你可選用免費的文字編輯器 (如 Notepad++、gedit、Brackets、Atom、Text Wrangler)，或商用文字編輯器 (Sublime Text 或 Coda)，或是混合型編輯器 (Dreamweaver)。
Web 瀏覽器，可測試寫好的程式碼。目前最常用的瀏覽器有 Firefox、Chrome、Opera、Safari、Internet Explorer。你也可以測試自己網站在行動裝置上呈現的效果，若目標讀者分佈甚廣，你可能必須用舊版瀏覽器 (如 IE 6–8) 測試。
圖像編輯器，如 GIMP、Paint.NET、Photoshop 都可用來為自己的網站添增圖案。
版本控制系統，可讓團隊用以協作某個專案、分享程式碼與外部檔案，更可避免編輯作業發生衝突。目前 Git 是最常見的版本控制工具；GitHub 則是最常用的程式碼分享服務，同樣是以 Git 所構成。
FTP 程式，可將網頁上傳至伺服器，以利使用者檢視。其他上傳程式還有 Cyberduck、Fetch、FileZilla。
自動化系統，如 Grunt 或 Gulp 可自動執行重複性的作業，例如縮減程式碼並執行測試作業。
範本、函式庫、框架......等等，都能加速寫出一般功能。
及其他更多工具！

上面一長串看起來好像很嚇人，但其實剛接觸 Web 開發時，不需了解所有的東西。我們先幫你設定最低限度的必要工具：1). 文字編輯器，再加上 2). 幾款主流瀏覽器就夠了。

你的電腦裡很可能已經提供基本的文字編輯器了。Windows 本身就有 Notepad；OS X 已提供 TextEdit；Linux 各版本不太一樣；Ubuntu 則是已經有 gedit。

而針對 Web 開發，我們建議可用 Notepad 或 TextEdit。Windows 系統可用 Notepad++；Mac 系統則是 Text Wrangler。這 2 款編輯器完全免費，且其功能都比 Notepad 與 TextEdit 來得更完善。

目前我們會安裝數款 Web 瀏覽器的桌面版，以利測試我們所寫的程式碼。先在下方找到自己所用的作業系統，再點擊你愛用的瀏覽器連結：

Linux：Firefox、Chrome、Opera。
Windows：Firefox、Chrome、Opera、Internet Explorer (如果你用的是 Windows 8 或更高版本，就請安裝 IE 10 或更高版本；否則應安裝其他瀏覽器替代)
Mac：Firefox、Chrome、Opera、Safari (Safari 已預設於 iOS 與 OS X 之中)

在著手開發之前，應先安裝至少 2 款瀏覽器以利後續測試。