前端專業人士都會用到什麼軟件和工具?

在做前端開發之前,我們要知道前端人到底會用到哪些軟件,這些軟件分別是什麼!今天和大家分享的一些軟件當中,有些是全新的可以替代之前的軟件;但是也有一些是過去的一些軟件;那麼爲什麼我們也都分享了呢。雖然他是過去式了,但是我們需要了解這個東西,如果你去的一些公司,避免團隊還在使用這樣的方式,那咱們也不能完全說我們不會呀!所以熟練使用各種軟件的必要性是非常高的!

在安裝基礎軟件中,我們向你展示了進行簡單的 Web 開發需要哪些工具,以及如何正確安裝它們,今天和大家分享下!

一、專業人士都使用了什麼工具?

1、計算機

雖然如今是移動時代,手機普及的時代了!但是如果你要做前端開發,電腦是必備設備!

也許這對一些人來說聽起來習以爲常,但你們中的一些人正在使用手機或圖書館的電腦閱讀這篇文章。但是對於重度的 Web前端開發,電腦是必需品,所以在開始學習前端的時候最好購買一臺電腦:

電腦運行的系統環境分別有: Windows、macOS 或 Linux

電腦的分類分別有: 臺式機(包含一體機)或筆記本電腦。

 

2、文本編輯器

用來寫代碼。可以是一個文本編輯器(如Visual Studio Code、Sublime Text、Atom 、GNU Emacs或者 VIM),或一個混合編輯器( Dreamweaver 或 WebStorm )。 Office 文檔不適合這種用途,因爲它們依賴隱藏的元素,會干擾網絡瀏覽器使用的渲染引擎。

3、網絡瀏覽器

用於測試代碼。目前,最常用的瀏覽器是Firefox(火狐) 、Chrome(谷歌) 、Opera(歐朋) 、Safari(蘋果)、Internet Explorer(微軟IE瀏覽器)和Microsoft Edge(WIN11後全新的替代IE瀏覽器)。

你還應該測試你的網站在移動設備和你的目標受衆可能仍在使用的任何舊瀏覽器(如 IE 8-10)上的表現。Lynx ,一個基於文本的終端網絡瀏覽器,對於查看視力障礙用戶對你的網站的體驗是非常好的。

 

4、圖形編輯器

如GIMP 、Figma 、Paint.NET 、Photoshop、pxcook、Sketch 或XD,爲你的網頁製作圖像或圖形。

5、版本控制系統(管理更新網站需要)

版本控制系統,用來管理服務器上的文件,與團隊合作開展項目,共享代碼和資產,避免編輯衝突。現在,·Git 是最流行的版本控制系統,還有 GitHub 或 GitLab 託管服務。

6、FTP工具

FTP 工具,老式 Web 託管賬戶,以及管理服務器上的文件( Git 正越來越多地取代FTP用於此目的)。有大量的 (S)FTP 程序可用,包括 Cyberduck 、Fetch 和FileZilla.

7、自動化構建工具

自動化構建工具,比如 Webpack 、Grunt 或 Gulp,以自動執行重複性任務,如簡化代碼和運行測試。

8、庫和框架

庫、框架等,以加快編寫常用功能。一個庫房往往是一個現有的 JavaScript 或 CSS 文件,它提供了現成的功能,供你在代碼中使用。框架則更進一步,爲你提供一個完整的系統和一些自定義的語法,讓你在上面寫一個 Web 應用。

此外還有更多的工具!

二、現在,我究竟需要什麼工具?

這看起來是一個冗長的清單,但幸運的是,你可以在不瞭解這些東西的情況下開始進行 Web前端開發人們。在這篇文章中,我們只爲你準備了最基本的東西——一個文本編輯器和一些現代網絡瀏覽器。也就是說有了以下這些工具,我們就可以開始學習前端了!

安裝文本編輯器

你的電腦上可能已經有一個基本的文本編輯器。默認情況下,

  • Windows 是 Notepad,
  • macOS 則有 TextEdit。
  • Linux 發行版有所不同;Ubuntu 下是 gedit 。

對於 Web 開發,你可能可以做得比記事本或者 TextEdit 更好。我們建議從 Visual Studio Code開始,它是一個免費的編輯器,提供實時預覽和代碼提示。

 

安裝現代網絡瀏覽器

現在,我們將安裝幾個桌面網絡瀏覽器來測試我們的代碼。在下面選擇你的操作系統,然後點擊相關鏈接,下載你喜歡的瀏覽器:

  • Linux:Firefox 、Chrome 、Opera 、Brave.
  • Windows:Firefox 、Chrome 、Opera 、Internet Explorer 、Microsoft Edge 、Brave (Windows 10默認帶有Edge;如果你有Windows 7或以上版本,你可以安裝Internet Explorer 11;否則,你應該安裝一個替代瀏覽器)。
  • macOS:Firefox 、Chrome 、Opera 、Safari 、Brave (macOS 和 iOS 默認帶有 Safari 瀏覽器)。

在繼續之前,你應該至少安裝兩款這樣的瀏覽器,並準備好進行測試。

備註: Internet Explorer 與一些現代網絡功能不兼容,它可能無法運行你的項目。你通常不需要爲你的 Web 項目與它兼容而操心,因爲很少還有人在使用它——至少在你學習的時候不要太擔心它。你可能會在以後遇到一個需要支持它的項目。

安裝本地 Web 服務器

有些項目需要通過 Web 服務器才能成功運行。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章