作為一個前端開發的新人，有什麼可以提高效率的工具推薦？

接下來我舉幾個我個人認為的提高效率的工具，如果你用過且覺得好用可以點個贊，我想判斷下我用的軟體是否確實不錯，如果沒有可以在評論區給出更好的軟體，讓我也學習學習。

Jetbrain家的IDE就不用多解釋了吧，用過都覺得挺方便和容易上手，除了平常大家經常使用IDE的基礎功能如新建項目、Debug、快捷鍵等之外。特別是裡面的代碼自動生成功能，免去了寫html模版代碼的麻煩，在平常編程能夠大大提升效率。還有javascript的自動排版及代碼高亮功能，也是效率神器。

Dreamweaver是包括網頁製作和管理網站功能的IDE。通過對 HTML、CSS、JavaScript等內容的支持，設計和開發人員可以快速製作和進行網站建設。該軟體我試過一段時間，雖然挺好用的，但是需要破解版支持。

除了WebStorm和Dreamweaver外，還有很多文本編輯器也可以提高效率，如SublineText3，VIM，Notepad++等，只要熟悉快捷鍵操作後，能夠比一般文本編輯器提高數倍效率。因為這些軟體基本都包含了應用創建、代碼提示、代碼管理、實時預覽、真機同步、本地打包等功能，已經滿足了開發者基本的開發環境條件。

實際開發工作中前端經常要用到json數據，那麼能夠方便簡潔查看json格式的文本就是一件很必要的事情，在Chrome中有這麼一個插件——jSonView，就很好地滿足了該功能。

如果不想安裝不同的瀏覽器如IE、Chrome 或者是 IOS、 Android等做測試，就可以試試User-Agent Switcher for Chrome，這是一個瀏覽器插件，能夠把Chrome偽裝成各大家不同的瀏覽器，讓你方便測試初始網頁。

EnjoyCSS

EnjoyCSS是一款很有用的CSS3代碼生成工具，有了這個工具後就可以擺脫一部分重複編碼。它易於使用的用戶界面允許快速、無需編碼就可以調節出豐富的圖形樣式，是一款前端開發者的利器。

如果你對學習人工智慧和科技新聞感興趣，歡迎訂閱我的頭條號。我會在這裡發布所有與科技、科學以及機器學習有關的有趣文章。偶爾也回答有趣的問題，有問題可隨時在評論區回復和討論，看到即回。

（碼字不易，若文章對你幫助可點贊支持~）

編輯器推薦websroem, vscode, sublime text

這三款都有不錯的表現，深受廣大開發者的喜愛，後兩者輕方便開發。

三者都有豐富的插件，便於快速寫代碼，還可以調試，進行eslint檢測。

自動化構建工具

webpack,gulp,fis3

可以自動化編譯代碼，壓縮，合併，提取公共模塊的代碼，代理請求解決開發時的跨域問題，對less,sass進行編譯，簡化開發的複雜度等

vconsole調試線上代碼

這是一款微信開發的庫，方便調試線上的代碼，可以直接在控制台列印，配合抓包工具可以解決大部分問題

謝邀，

我推薦hbuilder ，作為一個國產的開發軟體

我用dreamweaver有五六年的時間，後來才用hbuilder的，用熟了的話，相對dreamweaver可以提高1倍的速度，親測