Web前端在實際的工作當中除了會代碼還需要掌握其他哪些軟件嗎？

我是WEB開發老李，我在互聯網開發工作多年，我來回答你的問題！想了解更多前端開發知識可以關注我

前端開發工程師，是完成互聯網產品的用戶界面開發的，包括我們常見的PC/移動端網頁，小程序，APP。

完成開發我們需要學習掌握常規的HTML，CSS,JavaScript代碼編輯能力，同時還需要掌握前端開發框架知識。

那我們除了需要掌握代碼開發，還需要掌握哪些軟件呢？

首先我們要知道，目前前端開發工程師在企業里有兩種情況：

1.美工出身的前端開發工程師，工作內容更偏向美工

2.后端或其他語言開發轉前端開發工程師，工作內容更偏向技術

有這兩種情況，在選擇工作的軟件和工具上，更多的是要看工作的內容和團隊風格。下面我講幾種我們常見的前端開發會用到的工具，你可以參考

1.代碼編輯器

也就是寫代碼的。我們常見的前端開發編輯工具就有：WebStorm，HBuilder，Sublime，VScode。如果是偏視覺一點的，會選擇用Dreamweaver。

2.photoshop

PS這個不用說，做圖片處理的工具，美工肯定要用。如果你的工作內容是純技術，基本碰不到，基本上公司會讓UI來弄

3.前端開發工具

我們除了會用到一些軟件，專業的前端開發還會用到非常多好用的工具，幫助我們開發工作的。

瀏覽器兼容性測試工具

Spoon Browser Sandbox：點擊你需要測試的瀏覽器環境，安裝插件就可以進行測試了。幫助你測試網頁在Safari、Chrome、Firefox和Opera瀏覽器中是否正常，IE以前也有的，網站上說應微軟的要求去掉了。Superpreview：這是微軟自己發布的跨瀏覽器測試工具，可以同時查看網頁在多個瀏覽器的呈現情況，對頁面排版進行直觀的比較。Viewlike：Viewlike是一款可以幫助你檢查瀏覽器在不同分辨率下呈現情況的實用工具。Browsera：Browsera是一個可測試網站跨瀏覽器布局的工具，可以發現網站上存在的兼容性錯誤。Litmus：這個工具可以幫助你檢查你的網站在多個瀏覽器中的呈現情況，跟蹤Bug并創建報告。web開發工具Parcel：快速，零配置的Web應用程序捆綁器。Feather：簡單漂亮的開源圖標。Hyperapp v1.0：用于構建現代UI應用程序的1kb庫。Sizzy：快速測試響應式網站的工具。Heml：用于構建響應式電子郵件的開源標記語言。Cypress：對瀏覽器中運行的內容進行快速、簡便和可靠的測試。FlowUp：可跟蹤應用的整體性能，并深入了解各種關鍵性能指標，如FPS，內存使用情況，CPU使用率，磁盤使用情況等。Stetho：一款功能強大的Android開源調試平臺，由Facebook開發。Android Asset Studio：一組簡單易用的工具，用于生成設計和開發。Android應用程序時需要的各種類型的圖標。Android調試數據庫：用于調試Android數據庫。Vysor：允許將真實設備鏡像到計算機上。LeakCanary：用于Android和Java的內存泄漏檢測庫。Android Arsenal：可以找到Android的庫，工具和項目的分類目錄。前端性能優化工具Speed Racer：SpeedRacer 是一款性能測試工具，它在 Chrome 中運行腳本，并生成詳細的性能報告。SpeedRacer 是直接借助瀏覽器來實際測試性能的工具，在實際工作中，可以與其它模擬用戶訪問流量來評估性能的工具配合使用。Yellow Lab Tools：Yellow Lab Tools 是一款Web性能及前端質量測試工具。與其他工具不同的是，它有一些在其他工具上無法看到的獨特功能，例如頁面加載時 JavaScript 與 DOM 互動和其他程序代碼驗證問題。

除了這些，還有很多比較不錯的在線工具，這些你可以在以后工作中慢慢接觸。

如果你對前端開發還有更多問題，可以關注我，我平時會分享一些學習干貨！