你有最好的 Web 開發軟件嗎？

最後更新於 2020 年 4 月 27 日

您已經學習了所有理論並完成了所有教程，成為一名成熟的 Web 開發人員。 如果您正在開始您的旅程，您需要做很多事情來確保您擁有適合這項工作的正確工具。 其中很多也歸結為個人喜好，因此建議在確定適合您的集合之前測試不同的 Web 開發軟件。 您可以選擇的工具取決於許多因素，例如您正在使用的編程語言、您的目標堆棧、您當前硬件的能力以及您的公司當前使用什麼。

您需要的 Web 開發軟件可以分為六類。

UI原型/模型工具：

在開始製作響應式網站或 Web 應用程序之前，您需要一些工具來佈局 UI、將其可視化並規劃您必須完成的工作。 如果您只是盲目地開始，那麼隨著您的設計更改，您可能會丟掉很多工作。 迭代是好的，但你應該從一個堅定的計劃開始。 這些工具可讓您設計 UI 並為您的項目提供一些結構（至少對於第一個 sprint）

1. MockFlow：這是一個很棒的軟件，用於製作線框並將您的想法從概念變為具體的東西。
2. Sketch：這是一個非常流行的工具，可以創建出色的界面和原型。 它有一個名為 Symbols 的殺手級功能，它允許您重用 UI 資產和元素，以在多個應用程序中實現一致的界面。
3. Invision Studio：這個對在單個畫板上創建響應式設計提供了出色的支持。 有許多自定義動畫和過渡可供選擇。
4. Adobe XD：如果您是 Photoshop 的長期用戶並希望留在 Adob​​e 生態系統中，Adobe XD 是一個不錯的選擇，它提供與其他 Adob​​e 服務的無縫集成。
5. Figma：這是一個很棒的跨平台程序，具有完善的插件生態系統以增加功能

設計工具：

創建 UI 計劃後，您需要一些軟件來創建實際的網站資產，例如背景、徽標和圖像。 這就是設計工具的用武之地。這些是整個行業的設計師和藝術家使用的工具。 它們的價格各不相同，因此您應該選擇與您的預算相匹配的東西。 它們應該適合任何工作流程，因為它們支持導出到最常見的 Web 圖像和資源格式。

1. Photoshop：它們的祖父，這是大多數設計師和藝術的工具 我發誓。 它已經持續發展了近 30 年。 這是一個與眾不同的行業標準。
2. Illustrator：Illustrator 就像用於矢量圖形的 Photoshop。 許多工作流程需要可以調整大小並放大到大尺寸的圖形。 Illustrator 非常適合開發這些資產。
3. Gimp：這是一個開源軟件，具有很多 Photoshop 的功能。 它被廣泛使用，應該足以滿足想要節省一分錢的人的最常見任務。
4. Inkscape：Inkscape 是一個矢量圖形工具。 同樣，它是開源和免費的。 它是 Illustrator 的絕佳替代品，但它與該軟件導出的文件不兼容。
5. Adobe After Effects：這個非常適合創建動態圖形和動畫。 這使設計師可以輕鬆創建令人驚嘆的動畫來美化任何網站。

用於 Web 開發的 IDE 軟件：

這是您將花費大量時間的軟件。 IDE 管理代碼和目錄結構以及一系列可讓您管理版本控制和構建設置的功能。

1. Visual Studio Code：微軟的這個開源編輯器就像是 Visual Studio 的最小版本。 儘管它缺少一些大哥的功能，但它通過輕巧且易於使用來彌補它。
2. 括號：這個開源代碼編輯器的設計首先考慮了網頁設計。 它具有集成在編輯器中的可視化工具，供設計人員快速查看他們的代碼如何影響佈局。
3. Atom：這個 Github 的代碼編輯器有一個很棒的功能，多個人可以在同一個文件上工作。 這使其非常適合遠程協作或結對編程。 這也與 Github 深度集成。
4. Notepad++：這是最輕量級和最通用的。 它使用簡單，可以適應各種編碼風格。 它有一個健康的免費插件生態系統，為這個簡單快速的編輯器添加了許多有用的功能。

軟件版本控制：

當您準備好處理一個大項目時，無論是單獨還是團隊合作，您都必須設置版本控制。 如果您是單獨工作，可能會忽略它，但只需要一天的工作損失就可以讓開發人員終生銘記擁有一個良好的版本控制系統的重要性。 無論您選擇什麼，您都會逐漸欣賞它的分支和備份功能，以幫助您嘗試新事物，而不必擔心會弄亂您以前的工作。

1. Git：出於管理 Linux 代碼庫的需要，Linus Torvalds 將 git 作為一個版本控制系統來統治所有其他系統。 它是世界上使用最廣泛的 VCS。
2. Mercurial：這是一個免費的分佈式源代碼控制管理工具。 它可以處理任何規模的項目，並提供簡單直觀的界面。
3. Subversion：這是由 Apache 基金會製作的，目的是與舊技術 CVS（並發版本系統）兼容。 它是開源的並且得到很好的支持。

用於 Web 開發的服務器軟件：

當您完成前端規劃並希望在瀏覽器中實際測試網站時，您需要服務器軟件來提供網頁，就像遠程 Web 服務器一樣。 根據您使用的堆棧，您可以使用各種各樣的服務器軟件。 您可以只使用每個功能的基本功能，也可以自定義安裝來完成一些繁重的工作。

1. Apache Web 服務器：此 Web 服務器為大多數万維網提供支持。 它有很多擴展來運行您可能希望運行的任何軟件堆棧。
2. Nginx：作為與 Apache 主導地位的激烈競爭，Nginx 以其性能和可擴展性而聞名。
3. IIS：如果您在 Web 開發中使用 Microsoft 技術，則 IIS 是您使用來自同一生態系統的所有工具的選項。

瀏覽器：

最後，這就是魔法發生的地方。 瀏覽器運行您的所有代碼。 這是用戶與網站交互的方式。 因此，您必須使用盡可能多的瀏覽器測試您的網站。 以下列表應涵蓋您需要支持的所有瀏覽器。

1. Chrome：在短時間內佔據主導地位並為較新的 Web 技術提供最新支持的瀏覽器，您需要將其安裝在您的計算機上進行測試。
2. Firefox：Internet Explorer 壟斷地位的老派挑戰者，這款開源瀏覽器仍然受到大量擴展和應用程序的良好支持，使其與此列表中的任何其他瀏覽器一樣強大。
3. Safari：Apple 設備上的默認瀏覽器，這是一種廣泛使用的瀏覽器，可在數百萬移動和桌面設備上運行。
4. Microsoft Edge：與 Internet Explorer 背道而馳，這是微軟試圖追趕谷歌 Chrome 不斷上升的市場份額的嘗試。 它與 Windows 很好地集成在一起。
5. Internet Explorer 11：最新版本的瀏覽器，成為大多數人第一次接觸網絡，這個版本因其怪癖而臭名昭著，並為支持它的網絡開發人員帶來了很多痛苦。 它仍然擁有重要的市場份額，因此支持它應該非常值得您花時間。

剛開始作為 Web 開發人員時，測試各種工具和軟件非常重要。 縮小搜索範圍以識別用於 Web 開發的最佳軟件通常取決於個人偏好。 祝你好運，開發人員，開始測試吧。

作者：Taj R.