安裝基礎(chǔ)軟件

在安裝基礎(chǔ)軟件中，我們將向你展示簡單網(wǎng)頁制作所需要的工具，以及如何正確安裝它們。

什么是專業(yè)人員所需要的工具？

---

• 計算機，也許這對你來說是很明顯的，但是你們中有些人們是通過手機或者圖書館的計算機來閱讀這篇文章的。對于嚴格的Web開發(fā)，我們推薦最好是使用臺式計算機（安裝有Windows，Mac， 或者Linux系統(tǒng)）。
• 文本編輯器，用來編寫代碼。這可以是純文本編輯器，比如Brackets，Atom 或 Visual Studio Code；也可以是混合的編輯器，如Dreamweaver。Office系列的辦公軟件不適合編程，因為他們依靠隱藏元素導致干擾瀏覽器渲染顯示。
• 瀏覽器，用來測試你的代碼。如今使用最多的瀏覽器有Firefox，Chrome，Opera，Safari和 Internet Explorer。你同時需要在移動設(shè)備和任何你的目標用戶可能使用的老式瀏覽器（如IE 6-8）中測試你的網(wǎng)頁表現(xiàn)如何。
• 圖像編輯器，像The GIMP，Paint.NET或 Photoshop，用來編輯你的網(wǎng)頁所需的圖像。
• 版本控制系統(tǒng)，用來管理服務(wù)器文件，支持項目中的團隊協(xié)作，共享代碼與資源，避免編輯沖突。當今最流行的版本控制工具是 Git，同時 GitHub 一個基于Git的代碼托管服務(wù)網(wǎng)站也是非常流行。 
• FTP 工具軟件，在舊式使用網(wǎng)絡(luò)賬戶管理的服務(wù)器上，通常我們使用FTP進行文件管理（Git 正在取代FTP）。有很多 (S)FTP 工具軟件，比如 Cyberduck，Fetch和FileZilla。
• 自動化構(gòu)建工具， 比如 Grunt 或 Gulp，來自動完成重復的任務(wù)，例如壓縮代碼和代碼測試。
• 模板，庫，框架等等，任何用來加快編寫常規(guī)功能的工具。
• 還有更多工具喲！

什么是你現(xiàn)在真正需要的工具？

---

上面看起來是一個可怕的列表，不過幸運的是在你剛接觸Web開發(fā)時你并不需要知道上面大部分內(nèi)容。在這篇文章里，我們只要求你有最小的配備——一個文本編輯器和一些現(xiàn)代的瀏覽器。

安裝文本編輯器

你的電腦上可能已經(jīng)安裝了一個基本的文本編輯器。Windows上默認安裝了 Notepad 而 OS X上則有 TextEdit。Linux 發(fā)行版眾多，其中Ubuntu上是默認是 gedit。

在Web開發(fā)中，你可以使用比 Notepad 和 TextEdit 更好的工具。 我們推薦初學者使用 Brackets, 它提供了實時預覽和代碼提示等強大功能，而且這是一個免費的編輯器。（譯者fan19900404注：我個人更加傾向于使用 Visual Studio Code，完美的原生中文支持，強大的插件體系，多平臺支持，它是微軟出品，開源免費）

安裝現(xiàn)代的瀏覽器

現(xiàn)在，我們只要安裝幾個桌面Web瀏覽器來測試我們的代碼。在下面選擇你的運行系統(tǒng)然后點擊相應(yīng)的連接來下載你最喜愛的瀏覽器的安裝器：

• Linux：Firefox，Chrome，Opera。
• Windows：Firefox，Chrome，Opera，Internet Explorer （如果你的系統(tǒng)版本是Windows 8 或者更高，你可以安裝IE 10或者更高的版本；否則你應(yīng)該安裝一個替代的瀏覽器）
• Mac：Firefox，Chrome，Opera，Safari （Safari 是IOS 和 OS X的默認瀏覽器）

在繼續(xù)我們的教程之前，你應(yīng)該安裝好以上至少兩個瀏覽器。