Ⅰ 前端開發有哪些工具可以提高效率
掘金 Chrome 插件
Vue.js devtools 。Chrome 開發者工具擴展，用於調試 Vue.js 應用。
React Developer Tools，可以在 Chrome 和 Firefox 開發者工具審查 React 組件的瀏覽器擴展。
AngularJS Batarang ，是適用於 Chrome 的 AngularJS WebInspector 擴展。AngularJS Batarang 是開發者工具擴展，用來調試和分析 AngularJS 應用。
ng-inspector for AngularJS
EnjoyCSS ，能夠通過圖形化的界面幫助你在線生成 CSS3 代碼，可謂前端開發者的一大利器。
LiveReload ，會監控你指定的目錄中文件，如果有文件被更改，它就自動觸發瀏覽器刷新頁面，這樣我們不用每次修改文件後，都要去按下 F5 刷新頁面。
jSonView，很方便地幫助你驗證和查看 jSON 文檔。
User-Agent Switcher for Chrome，有了 User-Agent Switcher for Chrome，只需要一個瀏覽器插件，你可以隨時更換 UA，測試網頁的自適應情況，能夠幫你很好地提高開發效率。
Page Ruler， 能夠幫你快速查看網頁中某個具體控制項或者整個網頁具體尺寸的情況，測量網頁元素，再也不用打開占據大片空間的「檢查元素」窗口了。
工具只是我們開發過程中的輔助工具，探索好用的工具的同時，提高我們自己的實力才是真的。
Ⅱ Web前端用什麼工具調試
Web前端開發中，為編寫高效的HTML/CSS/JavaScript，優化Web前端性能，不可避免要分析HTTP請求頭和響應頭，調試HTML/CSS/JavaScript。這時候，我們就需要用到一些Web前端的開發調試工具。以下的工具，是Web前端工程師最常用的：
1.FireBug
2012年以前，火狐狸幾乎是所有前端開發者最喜歡的瀏覽器，基於FireFox的插件FireBug成了Web前端工程師開發調試網頁的首選利器。
2.Chrome Developer Tools
自從2011年FireBug的開發者J.Barton跳槽到Google，負責開發Chrome Developer Tools後，Chrome Developer Tools就有了本質性的變化。於是，Web前端開發工程師最喜歡的瀏覽器又變成了Chrome，Chrome Developer Tools也就順理成章成為開發調試網頁的不二利器了。
3.Fiddler 2
FireBug和Chrome Developer Tools雖好，只是分別針對FF和Chrome，那麼有沒有針對所有瀏覽器或者針對HTTP協議的調試工具呢？那就是Fiddler 2了。
這些工具都提供了種類繁多的功能，要完全掌握並非易事。初學者打開一看，密密麻麻的，往往有無從下手的感覺。其實呢，工具的使用很簡單，無它，唯手熟爾。初學者有無從下手的感覺，是因為不了解工具背後的原理而已。
Ⅲ 學習開發web項目用什麼前端框架和開發工具好呢
前端前景是很不錯的，像前端這樣的專業還是一線城市比較好，師資力量跟得上、就業的薪資也是可觀的，學習前端可以按照路線圖的順序，
0基礎學習前端是沒有問題的，關鍵是找到靠譜的前端培訓機構，你可以深度了解機構的口碑情況，問問周圍知道這家機構的人，除了口碑再了解機構的以下幾方面：
1. 師資力量雄厚
要想有1+1>2的實際效果，很關鍵的一點是師資隊伍，你接下來無論是找個工作還是工作中出任哪些的人物角色，都越來越愛你本身的技術專業前端技術性，也許的技術專業前端技術性則絕大多數來自你的技術專業前端教師，一個好的前端培訓機構必須具備雄厚的師資力量。
2. 就業保障完善
實現1+1>2效果的關鍵在於能夠為你提供良好的發展平台，即能夠為你提供良好的就業保障，讓學員能夠學到實在實在的知識，並向前端學員提供一對一的就業指導，確保學員找到自己的心理工作。
3. 學費性價比高
一個好的前端培訓機構肯定能給你帶來1+1>2的效果，如果你在一個由專業的前端教師領導並由前端培訓機構自己提供的平台上工作，你將獲得比以往更多的投資。
希望你早日學有所成。
Ⅳ 前端有哪些好用的調試工具
Postman
幾乎所有前端應用程序都發送和接收JSON響應和請求。應用程序通過請求 API 可以做很多事情，例如身份驗證，用戶數據傳輸，甚至是一些簡單的事情，例如獲取所在位置的當前天氣。
CSS Lint
你不僅可以使用CSS Lint工具驗證代碼，還可以使用它選擇要測試的錯誤和警告。它執行基本的語法檢查，並對代碼應用一組規則，以查找有問題的模式或低效的跡象。
JSON格式和驗證器
在未格式化的JSON中，很難發現語法錯誤或值不正確的鍵，因為它很難讀取。當縮小的JSON文件中有缺行返回沙空格時，讀取和發現錯誤可能很有挑戰性。你需要能夠快速掃描該對象並檢查格式或內容中的錯誤。
Sentry
一旦你發布了你的應用程序，它將會運行在一系列的設備上。在任何軟體開發生命周期中，測試階段都是作為一個標准過程實現的。該階段包括單元測試、系統測試、集成測試等。
JSHint
這是一個在JS代碼中檢測錯誤和潛在問題的工具,靜態代碼分析工具(如JSHint)可以幫助開發人員發現很難發現的問題。JSHint掃描一個用JavaScript編寫的程序，並報告常見的錯誤和潛在的bug。潛在的問題可能是語法錯誤、隱式類型轉換導致的錯誤、泄漏變數或其他完全的問題。
BrowserStack
BrowserStack是一組工具，可以幫助你模擬用戶所經歷錯誤的確切環境。設備+操作系統+瀏覽器是一個非常大的組合，這時這個工具的使用就顯得十分必要了。輔助使用Sentry等錯誤記錄工具，你可以充分發揮該工具的作用。
Ⅳ web前端開發需要學什麼軟體
JavaScript，以及Javascript的一些常用框架，Jquery，軟體的話Eclipse，Dreamweaver這些都可以寫，記事本都可以，NotePad也可以寫，前端的HTML對軟體要求沒那麼多，JavaScript得熟練，動態頁面，數據交互。多寫幾個小的完整的項目就差不多了，前端上手快
Ⅵ 前端開發軟體有哪些
前端開發會用到很多工具，推薦一個前端開發常用的小工具藍湖，切圖很方便，開發需要所有格式的切圖一鍵生成，還可以復制代碼直接使用。
Ⅶ 有哪些好用的前端開發軟體
前端開發軟體太多，有sublime，有Dreamweaver等等，他們的效果很多都是大同小異，不過細節方面還是有些區別，就比如Dreamweaver功能比Sumlime多，但是它對電腦的配置要求高，低配置的電腦，打開這個軟體會很慢，而sublime就不用，他對電腦的配置要求低，而且對於新手還是老手來說都可以使用。
Ⅷ 做前端開發，有哪些必備工具，哪些技巧
如下常用的前端工具。
1、Bootstrap
Bootstrap 是快速開發 Web 應用程序的前端工具包。它是一個 CSS 和HTML 的集合，它使用了最新的瀏覽器技術，給你的 Web 開發提供了時尚的版式，表單，buttons，表格，網格系統等等。
2、Foundation
Foundation 是一個易用、強大而且靈活的框架，用於構建基於任何設備上的 Web 應用。提供多種 Web 上的 UI 組件，如表單、按鈕、Tabs 等。
3、Cloud9 IDE
Cloud9 IDE 是一個基於 Node.JS 構建的 JavaScript 程序開發 Web IDE。它擁有一個非常快的文本編輯器，支持為 JS，HTML，CSS 和這幾種的混合代碼進行著色顯示。Cloud9 IDE 還為 node.js 和 Google Chrome 集成調試器，可以在IDE 中啟動、暫停和停止。
4、Notepad++
Notepad++ 是一款非常有特色的編輯器，是開源軟體，可以免費使用。我們開發人員都是必備的。支持的語言: C, C++ , Java , C#, XML, HTML, PHP,Javascript!
5、Visual Studio Code
Visual Studio Code 是一個運行於 OS X，Windows 和 Linux 之上的，針對於編寫現代 web 和雲應用的跨平台編輯器。
6、GIMP
GIMP 是 GNU 圖像處理程序(GNU Image Manipulation Program)的縮寫。包括幾乎所有圖象處理所需的功能，號稱 Linux 下的 PhotoShop。GIMP 在 Linux系統推出時就風靡了繪圖愛好者圈。
7、SecureHeaders
SecureHeaders 是 Twitter 送給 Web 開發者的一份大禮，作為一款 Web 安全開發工具，Secureheaders 能夠自動實施安全相關的 header 規則，包括內容安全政策(CSP)，防止 XSS、HSTS 等攻擊，防止火綿羊(Firesheep)攻擊以及 XFO 點擊劫持等。
8、Fontello
Fontello 是個圖標字體生成器。這個工具允許用戶把這些圖標 web 字體放到自己的項目中。主要特性如下：縮小字形集合，減小字體大小;合並一些字體標記到單個文件中;訪問大量專業級的開源圖標。
Ⅸ 做了個頁面，但是在瀏覽器上總是出現亂碼，有什麼好一點的前端開發調試的工具么
給你一個測試頁面效果的地址吧，微軟出了，支持新舊IE標準的，你試試去吧http://www.modern.ie/zh-cn