安裝基礎(chǔ)軟件

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

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

---

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

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

---

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

安裝文本編輯器

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

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

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

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

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

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