絨絨醬1232021-01-27 16:59:081、BootstrapBootstrap是快速開發Web應用程式的bai前端工具包。它是一個CSS和HTML的集合，它使用了新的瀏覽器技術，給你的Web開發提供了時尚的版式，表單，buttons，表格，網格系統等等。2、藍湖藍湖用於檢視標註和切圖下載非常方便3、Cloud9IDECloud9IDE是一個基於Node。JS構建的JavaScript程式開發WebIDE。它擁有一個非常快的文字編輯器，支援為JS，HTML，CSS和這幾種的混合程式碼進行著色顯示。Cloud9IDE還為node。js和GoogleChrome整合偵錯程式，可以在IDE中啟動、暫停和停止。4、Notepad++Notepad++是一款非常有特色的編輯器，是開源軟體，可以免費使用。我們開發人員都是必備的。支援的語言：C，C++，Java，C#，XML，HTML，PHP，Javascript！5、VisualStudioCodeVisualStudioCode是一個運行於OSX，Windows和Linux之上的，針對於編寫現代web和雲應用的跨平臺編輯器。6、GIMPGIMP是GNU影象處理程式（GNUImageManipulationProgram）的縮寫。包括幾乎所有圖象處理所需的功能，號稱Linux下的PhotoShop。GIMP在Linux系統推出時就風靡了繪圖愛好者圈。7、SecureHeadersSecureHeaders是Twitter送給Web開發者的一份大禮，作為一款Web安全開發工具，Secureheaders能夠自動實施安全相關的header規則，包括內容安全政策（CSP），防止XSS、HSTS等攻擊，防止火綿羊（Firesheep）攻擊以及XFO點選劫持等。8、FontelloFontello是個圖示字型生成器。這個工具允許使用者把這些圖示web字型放到自己的專案中。主要特性如下：縮小字形集合，減小字型大小；合併一些字型標記到單個檔案中；訪問大量專業級的開源圖示。
黑馬程式設計師2020-08-31 11:29:55前端開發工具主要有：VSCode，HBuilder，WebStorm，Sublime，95%的前端開發人員都使用VSCode工具來開發，因為它的操作更加方便，效能更好，HBuilder主要用來開發基於uni-app的小程式，WebStorm比較大而全，Sublime和WebStorm專案初次載入速度較慢。
更多知識歡迎關注哦~
小小猿愛嘻嘻2020-11-02 19:00:19前端開發用什麼工具好？這個因人而異了，目前比較流行的有vs code、sublime text、hbuilder、webstorm等，下面我簡單介紹一下，感興趣的朋友可以嘗試一下：
免費開源：vs code
說起vs code，許多搞前端的朋友應該非常熟悉，一個免費、開源、強大的程式碼編輯器，和vs同宗同源，但比vs更簡潔輕便，支援程式碼補全、語法高亮、智慧提示等基本功能，除此之外，針對前端等提供了許多免費強大的外掛，包括自動閉合、同步修改、斷點除錯等，新手學習非常容易掌握，相信你很快就會愛上這款軟體：
簡潔輕便：sublime text
這也是前端一個比較常用的開發工具，基本功能和vs code相差不多，簡單輕便，支援跨平臺，但原則上不免費，支援語法高亮、智慧補全、程式碼提示等基本功能，除此之外，也提供了非常多的外掛擴充套件，包括emmet、docblockr等，對於開發前端效率非常高，新手學習來說也非常容易：
國產軟體：hbuilder
這是一個非常不錯的國產web開發工具，相信許多朋友應該都聽說過，介面柔綠、清爽整潔，支援自動補全、語法高亮、markdown等基本功能，可以很輕鬆的將編寫好的前端網頁打包為安卓或ios app，除此之外，外掛擴充套件豐富，對於前端開發來說，也是一個非常不錯的選擇：
專業強大：webstorm
這個一個非常專業強大的web開發工具，jetbrains公司的產品，相信許多朋友都應該非常熟悉，除了常見的智慧補全、語法提示等基本功能，這個軟體還支援程式碼分析、程式碼重構等高階功能，如果你鍾情於pycharm、idea等產品，那麼webstorm就是一個非常不錯的選擇，相信你很快就會愛上這款軟體，唯一的缺點webstorm是商業、非免費的：
目前就介紹這4個不錯的前端開發工具吧，比較常用的就是vs code、sublime text，當然，還有許多其他軟體，像notepad++、dreamweaver等也都非常不錯，根據個人需求和愛好，選擇適合自己的一個就行，網上也有相關教程和資料，介紹的非常詳細，感興趣的話，可以搜一下，希望以上分享的內容能對你有所幫助吧，也歡迎大家評論、留言進行補充。
幫幫資源分享2017-12-27 01:45:47謝謝邀請，對於前端開發使用的軟體工具可以使用：
1： sublime 是個程式碼編輯器， 有很好擴充套件能力和完全開放的使用者自定義配置與神奇實用的編輯狀態恢復功能。
2： webstorm 是一個WEB前端開發神器，功能非常強大（強推）
3： eclipse 就其本身而言，它只是一個框架和一組服務，但他有很強大的外掛集，用於透過外掛元件構建開發環境， 。用來進行擴充套件。
5： Dreamweaver。 一個非常經典的開發工具
6： notepad++ 文字編輯器，軟體小巧高效，支援27種程式語言；
7： EditPlus 一個功能比較強大的文字編輯器，也支援多種程式語言。 而且他還有文字對比功能。
聽說國內有一個HBuilder 很多人用了說不錯。也可以瞭解下。這個我們沒用過。
你應該還需要 一個圖片轉ICO圖示 的軟體。和 一個取色 軟體。
圖片處理用Photoshop 作為切圖、P圖的首選工具
PxCook 這個軟體也用的到。當你不知道白色背景圖要設定寬高為多少好時，PxCook是個不錯的選擇
以上是我們的推薦：
我們是一個專注自己想做的自己愛做的開發團隊。我們要讓大家知道軟體程式碼其實也就是那麼回事，他不神秘也不遙遠，人類的很多想法都可以用程式碼體現出來。他更是現代工作中非常好的幫手！請關注我們！
Cici71262021-01-27 10:06:01可用於前端開發的工具軟體有很多，比如sublime text、bainotepad++、WebStorm、vscode和Hbuild，以及Dreamweaver、Visual Studio Code等，可以說選擇性很多。
木木西里2020-11-04 17:15:18市面上主流的還是那幾個，至於那個好用，一個看個人習慣，一個看工作行業習慣。
網站開發一般分為前端和後端兩個部分。前端負責實現頁面效果，後端主要負責功能開發。一般的開發流程是先由美工或者網頁設計師進行網頁設計和切圖，所謂切圖就是將設計好的網頁效果圖利用html開發工具進行程式碼實現成網頁形式，並且加入一些網頁特效。然後交給後端開發人員進行功能開發，一般採用主流的php技術進行開發。
那web開發都用什麼工具呢？最常用的前端開發工具有哪些呢？本文推薦8款最好用的web前端開發工具供美工或者前端開發人員使用，當然若你是NB的全棧工程師也可以下載使用。
1。Dreamweaver
工具簡介：
老牌的網頁編輯軟體，功能非常強大，最大的優點是視覺化編輯，還有錯誤提示，深受前端開發人員和網站開發人員歡迎！Dreamweaver CC 專注於快速響應設計、程式碼編輯功能的改進、在裝置上進行網頁預覽以及從 Photoshop 複合中批次提取具有多種解析度的 Web 最佳化影象。
與 Bootstrap 框架的整合可幫助您構建移動優先、快速響應的網站。視覺媒體查詢透過讓您在各種斷點處對您的設計進行視覺化和修改，進一步完善了快速響應網頁設計的體驗。
2。Photoshop
工具簡介：
Photoshop簡稱PS，全球最受歡迎的圖形影象處理軟體。網頁設計師或者web前端開發人員可利用此軟體進行網頁的設計和切圖，PS的切圖工具非常強大，可以自動生成html網頁格式，大大提高了網頁開發效率。
3。WebStorm MAC版
工具簡介：
非常好用的JavaScript開發工具，被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智慧的JavaScript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
4。browser-sync-master
工具簡介：
省時的瀏覽器同步測試工具，Browsersync能讓瀏覽器實時、快速響應您的檔案更改（html、js、css、sass、less等）並自動重新整理頁面。更重要的是 Browsersync可以同時在PC、平板、手機等裝置下進項除錯。您可以想象一下：“假設您的桌子上有pc、ipad、iphone、android等裝置，同時打開了您需要除錯的頁面，當您使用browsersync後，您的任何一次程式碼儲存，以上的裝置都會同時顯示您的改動”。無論您是前端還是後端工程師，使用它將提高您30%的工作效率。
web前端開發工具排行：8款html開發工具推薦下載
作為前端開發工程師，以上這些工具基本就夠用了，若是想更專業、裝逼一點，可以參考下面的htm程式碼編輯器工具
其它4款html開發工具推薦
1。SublimeText3
工具簡介：
Sublime Text是一款流行的程式碼編輯器。Sublime Text 具有漂亮的使用者介面和強大的功能，例如程式碼縮圖，Python的外掛，程式碼段等。還可自定義鍵繫結，選單和工具欄。
Sublime Text 的主要功能包括：拼寫檢查，書籤，完整的 Python API ， Goto 功能，即時專案切換，多選擇，多視窗等等。Sublime Text 是一個跨平臺的編輯器，同時支援Windows、Linux、Mac OS X等作業系統。
2。Notepad++7。3。1
工具簡介：
Notepad++是在微軟視窗環境之下的一個免費的程式碼編輯器。它使用較少的CPU功率，降低電腦系統能源消耗，但輕巧且執行效率高，使得Notepad++可完美地取代微軟視窗的記事本。內建支援多達27種語法高亮度顯示（包括各種常見的原始碼、指令碼，能夠很好地支援。nfo檔案檢視），還支援自定義語言；可自動檢測檔案型別，根據關鍵字顯示節點，節點可自由摺疊/開啟，還可顯示縮排引導線，程式碼顯示得很有層次感；可開啟雙視窗，在分視窗中又可開啟多個子視窗，允許快捷切換全屏顯示模式（F11），支援滑鼠滾輪改變文件顯示比例；提供了一些有用工具，如鄰行互換位置、宏功能等；可顯示選中文字的位元組數 （而不是一般編輯器所顯示的字數，這在某些情況下，比如 軟體本地化 很方便）。
3。Zend Studio 13。0。1
工具簡介：
Zend Studio是一個屢獲大獎的專業PHP整合開發環境，具備功能強大的專業編輯工具和除錯工具，支援PHP語法加亮顯示，支援語法自動填充功能，支援書籤功能，支援語法自動縮排和程式碼複製功能，內建一個強大的PHP程式碼除錯工具，支援本地和遠端兩種除錯模式，支援多種高階除錯功能。
Zend Studio 9 正式釋出，主要包含以下更新：
Git和Github支援雲開發部署深度，Zend Framework和Zend Server整合更快、更精簡的IDE。
4。PhpStorm 10。0。1 Mac版
工具簡介：
phpstorm免費版是目前網路上最為流行的php開發軟體。phpstorm免費版能全面的提升使用者php程式碼編寫的效率，並且提供能程式碼補全、快速導航、即時錯誤檢查等等功能，大大的節省php程式碼編寫時間，phpstorm 2016。2版全新的軟體介面，全面的提升所有編寫功能，希望大家能夠喜歡，下載使用。
看到最後，可以點贊支援一下嘛！要是再來個關注那你怕是2020年最暖心的人嘍！
一格大叔2020-07-10 14:33:07根據自己實際情況吧！大的專案還是建議用webstorm！小專案sublime！還有一些需要官方開發工具，比如各種小程式
房產懂得起2017-12-26 19:01:50只要技術牛逼，什麼工具都可以，你用txt文件照樣也能寫網頁，只要儲存成HTML格式就行。
一般新手的話我還是推薦vscode。上手簡單，操作方便，有除錯等功能。
然後就是PS，平時裁圖要用。