安裝基本軟體

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

專家都用哪些工具?

  • 電腦,這東西對某些人來說再合理不過了,但可能有人用自己的手機,或在圖書館電腦上讀這篇文章。若要真正著手開發 Web,最好還是弄一台桌電或筆電(Windows、Mac、Linux 都行)。
  • 文字編輯器,用來寫程式碼。可以是文字編輯器(如 BracketsAtomVisual Studio Code)、也可以是混合式編輯器(如 Dreamweaver)。辦公室軟體的文件編輯器並不適合,因為它們依賴許多會干擾瀏覽器排版引擎的隱藏元素。
  • Web 瀏覽器,可測試寫好的程式碼。目前最常用的瀏覽器有 FirefoxChromeOperaSafariInternet ExplorerMicrososft Edge。你也可以測試自己網站在行動裝置上呈現的效果,若目標讀者分佈甚廣,你可能必須用舊版瀏覽器(如 IE 6–8)測試。
  • 圖像編輯器,如 GIMPPaint.NETPhotoshop 都可用來為自己的網站添增圖案。
  • 版本控制系統,可讓團隊用以協作某個專案、分享程式碼與外部檔案,更可避免編輯作業發生衝突、還可以管理伺服器的檔案。目前 Git 是最常見的版本控制工具;GitHub 則是最常用的程式碼分享服務,同樣是以 Git 所構成。
  • FTP 程式,可將網頁上傳至比較老的網路託管伺服器,以利使用者檢視──前述的 Git 近年來漸漸取代了 FTP──可用的 (S)FTP 程式有 CyberduckFetchFileZilla
  • 自動化系統,GruntGulp 可自動執行重複性的作業,例如縮減程式碼並執行測試作業。
  • 範本、函式庫、框架......等等,都能加速寫出一般功能。
  • 及其他更多工具!

我實際需要、立刻需要哪些工具?

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

安裝文字編輯器

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

而針對 Web 開發,其實有著比 Notepad 或 TextEdit 好很多的工具。我們推薦使用 Brackets,因為這個自由編輯器有提供即時預覽、以及程式碼提示。

安裝常用瀏覽器

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

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

文件標籤與貢獻者

 此頁面的貢獻者: iigmir, SecondSpirit, MashKao
 最近更新: iigmir,