Ⅰ 前端開發常用哪些工具軟體
下面我介紹五款比較常用的前端開發工具，具體哪一款最好用，因人而異，大家可以根據自己的情況，選擇一款個人認為最好用的web前端開發工具。
1、Sublime Text
Sublime Text憑借其漂亮的用戶界面和極其強大的功能，被譽為「神級」代碼開發工具。
2、StackBlitz
據Chime Nnamdi所說，這是所有用戶最喜歡的在線集成開發環境工具（IDE）。主要原因在於其將用戶最喜愛和最常用的集成開發環境——Visual Studio代碼帶到了網路上。
3、Visual Studio
Microsoft Visual Studio，簡稱VS，是微軟公司的開發工具包系列產品，是目前最流行的Windows平台應用程序的集成開發環境(IDE)。
4、WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。已經被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。
5.CanIUse
該在線工具非常方便，它可以讓用戶知道當前實現的功能是否與期望對接的瀏覽器兼容。
Ⅱ 前端開發用什麼軟體好
分享一下Web前端開發用什麼軟體。
1、Sublime Text
Sublime Text是一個代碼編輯器也是HTML和散文先進的文本編輯器。漂亮的用戶界面和非凡的功能，例如迷你地圖，多選擇，Python的插件，代碼段，等等。完全可自定義鍵綁定，菜單和工具欄。Sublime Text的主要功能包括：拼寫檢查，書簽，完整的Python API，Goto功能，即時項目切換，多選擇，多窗口等等。
2、Dreamweaver
Adobe Dreamweaver使用所見即所得的介面，亦有HTML(標准通用標記語言下的一個應用)編輯的功能，藉助經過簡化的智能編碼引擎，輕松地創建、編碼和管理動態網站。 訪問代碼提示，即可快速了解 HTML、CSS 和其他Web 標准。使用視覺輔助功能減少錯誤並提高網站開發速度。
3、Visual Studio Code
Visual Studio Code中文版是微軟推出的帶 GUI 的代碼編輯器，軟體功能非常強大，界面簡潔明晰、操作方便快捷，設計得很人性化。軟體主要改進了文檔視圖，完善了對 Markdown的支持，新增PHP語法高亮。
4、HBuilder
HBuilder是專為前端打造的開發工具，具有飛一樣的編碼、最全的語法庫和瀏覽器兼容數據、可以方便的製作手機APP、最保護眼睛的綠柔設計等特點。支持HTML、CSS、JS、PHP的快速開發。從開放注冊以來深受廣大前端朋友們的喜愛。
5、WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
想知道「Web前端開發用什麼軟體」，通過網上搜索你可以發現很多，而能否很好的藉助這些軟體完成項目，關鍵還要看你的技術。
Ⅲ 前端開發都需要哪些工具
每個前端開發人員都有自己喜歡的開發工具，用這些工具能讓編碼更容易並且「令人愉快」。分享一些我認為真的很棒的很棒的Web開發工具！
1.Glitch
https://glitch.com
好的，這不僅僅是一個工具，還是一個非常棒的編碼平台以及一個很棒的技術社區。我可以在內置代碼編輯器的幫助下託管我的項目。支持多種語言，但最適合NodeJS。
2.Shadows
https://brumm.af/shadows
這個網站提供生成平滑陰影的CSS代碼，可以創建平滑的邊框陰影。它看起來真的很流暢，令人滿意。
3.Coolors
https://coolors.co
這是一款非常好的在線工具，可以為項目生成匹配的顏色方案。如果不喜歡當前的方案，按下空格鍵，它會重新生成一個配色方案，直到你滿意~
4. Blobmaker
https://blobmaker.app
Blobmaker可幫助你隨機生成各種尺寸，不同顏色和形狀的SVG Blob。你可以用作背景或創建看起來很酷的動畫。
5.Getwavs
https://getwaves.io
與Blobmaker相似，Get Waves能夠隨機生成不同顏色和不同數量的波浪。用作網頁的頁腳或頁眉看起來不錯。
6. Undraw.co
https://undraw.co
開放源代碼項目的SVG插圖集，可用來做登錄頁面，404頁面等，當然普通頁面也能用!上面的插圖可以不帶歸屬地版權的使用，無需支付任何費用。
7. Marcdown
https://liyasthomas.github.io/marcdown
由Liyas Thomas提供的在線實時的Markdown網頁編輯器，它可預覽Markdown代碼，將其發布到GitHub上。它提供一個非常漂亮的暗黑模式。還可離線工作，這使得它顯得更出色。
8.postwoman
https://postwoman.io
這是Liyas Thomas構建的另一個工具。Postwoman是一個API請求構建工作。開發者可以不使用代理來測試 API。這是一個漸進式Web應用程序，可以保存到桌面來用。它是輕量級的產品，基本上可以是Postman的在線替代品。
9. Screely.com
https://screely.com
它可以幫助你創建超級漂亮的網站截圖模型。如果你不是MacBook用戶，但需要更好的網站圖片作為自述文件，它非常適合我們。
10. CSS網格生成器
https://cssgrid-generator.netlify.com/
這是Sarah Drasner的創建的優秀網站，它使用CSS創建動態網格布局。
以上是10款web前端開發工具分享，希望對你有幫助。
Ⅳ web前端開發常用又好用的幾個軟體
前端開發是創建Web頁面或app等前端界面呈現給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。Web前端的學習起來相對簡單，未來的發展前景也是非常不錯的。
web全棧工程師5.0課程包括：
①計算機基礎以及PS基礎
②前端開發基礎（HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架）
③移動開發
④前端高級開發（ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等）
⑤小程序開發
⑥全棧開發（MySQL資料庫、Python編程語言、Django框架等）
⑦就業拓展（網站SEO與前端安全技術）
互聯網行業目前還是最熱門的行業之一，學習IT技能之後足夠優秀是有機會進入騰訊、阿里、網易等互聯網大廠高薪就業的，發展前景非常好，普通人也可以學習。
想要系統學習，你可以考察對比一下開設有相關專業的熱門學校，好的學校擁有根據當下企業需求自主研發課程的能力，能夠在校期間取得大專或本科學歷，中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的，建議實地考察對比一下。
祝你學有所成，望採納。
Ⅳ 前端開發工具有哪些
前端開發工具是開發必不可少的，現在的開發工具功能很強大，但是還是有一些不同，下面詳細介紹一下，看看哪款適合你
HBuilder
HBuilder工具是支持一些html和js等開發，主要編寫一些c和web等語言，最大的優勢就是速度比較快，強大的代碼提示和代碼輸入，大大增加了開發者的開發效率。
Sublime Text
編輯器里邊支持emmet比較好的的唯一一款。多功能插件，還可以自定義鍵綁定，功能有很多，包括多選擇和多窗口和python api等功能，為開發者提供了開發方便。
webstorm
js開發工具，web前端開發神器，功能十分強大，界面清晰，人性化設計，使用方便。
所有編輯器里邊唯一內置emmet的一款，並且將emmet的精神往前推動的一款。
phpstorm
測試後端 API 介面時非常好用。GET、POST、DELETE、OPTIONS、PUT 這些方法都支持。
idea
phpstorm、idea包括所有webstorm的功能。只是phpstorm是針對phper的，idea是針對javaer，webstorm針對前端er。
Prettier Playground
代碼格式化工具，支持格式化 JavaScript 代碼，包括 [ES2017]、[JSX]、[Angular]、[Vue]、[Flow]、[TypeScript] 等。
IDE 大多支持 Prettier 工具， 也有在線版本，可以在瀏覽器里格式化代碼。
Dreamweaver
Dreamweaver是一款網頁代碼編輯器，利用一些前端代碼對網頁進行快速的開發，可以通過智能搜索引擎對網頁進行訪問，開發者可以直觀的開發減少出現的錯誤。
Ⅵ 前端工程師都有用哪些比較靠譜的小工具
1、TakeColor 取色器
對於前端開發來說，和顏色、圖片打交道是難免的，有的時候想要在ps外面獲取顏色.
2、CoolFormat 源代碼格式化工具
CoolFormat，不僅僅適用於前端，因為它支持很多語言源代碼的格式化，可以在上面的開始菜單中選擇你要格式化的語言種類，這里我選擇的是js，然後將一串很亂的js代碼粘貼到下面的文本框裡面，點擊快速格式化.
3、做筆記的小幫手——有道雲筆記
其實這有道雲筆記不算是小工具了，在這之前，我一直都是用txt記事本記東西的
Ⅶ 現在比較好用的前端開發工具有哪些啊
1. node.js + npm， 這個是前端工具的一個平台，沒有他們就沒有以下的工具，建立開發環境，下載開發工具，運行開發工具的利器
2. bower, 庫依賴管理器，類似於npm，但針對瀏覽器JavaScript的依賴管理，減少尋找庫，下載庫和升級庫的煩惱
3.grunt，流程自動化管理工具，將你非編程的開發步驟減到最小，grunt watch+liveReload或者grunt connect,可以使得免除你F5無盡地獄，發布和開發各種無壓力。以下大部分開發工具，都有grunt的相對應的插件，也就是說他們都能利用grunt進行自動化運行
5. 本人用less比較多，因為基本無縫兼容歷史遺留系統中的css，（而Sass語法比較特殊，還沒有專門用過，應該開發新系統的css比較好），一套css預編譯語言，可以把less語法轉成css語法，lessc是less語言編譯器，配合grunt less，編寫大型css文檔毫無壓力。
6.Phantomjs，沒有界面的瀏覽器，用js腳本控制其操作網頁。測試，抓圖，網頁流程自動化利器。配合casperjs的語法簡化功能真強庫後，控制Phantomjs就更加容易了
7. grunt PhotoBox, 利用phantomjs抓圖功能和ImageMagick圖片比較功能，在利用live-reload即時刷新功能，可以讓你開發css的時候，快速對n多個頁面進行觀察，看其前後變化。不過缺點也比較明顯，就是速度慢。但比起手動對比來看，還是非常快的。值得css開發時擁有
8. phantomCSS，這個和grunt photobox類似，都用於css開發的，差別是photobox是全局觀察差別，而這個是單元組件觀察差別，它方便你就抓頁面中某一塊元素然後進行前後比較，更加註重細節上的差異，這個比較合適組件開發時候使用。
9. jshint，幫助你快速定位JavaScript的語法錯誤和潛在的跨瀏覽器兼容性問題。在部署你JS前，用jshint檢查一下是沒錯的 。
10.UglifyJS，壓縮JavaScript代碼，使你的JS代碼可以更加快速的載入。有grunt的插件
11. browserify允許你在瀏覽器裡面使用CMD標准模塊，但本人認為它的另外一個優勢是合並代碼，開發時候可以把代碼模塊化，分成很多很多小文件，然後有調理的放到相對應文件夾下，然後最後合成單一文件。本人曾經利用browserify開發greasemonkey代碼，大大簡化了greasemonkey的開發難度和增強了greasemonkey代碼的質量。browserify有grunt插件，這樣又減少的開發步驟。
12. Karma， google開發的一個單元測試運行器，這個自己本身不是一個單元測試框架，而是配合測試單元框架的一個工具。由於前端瀏覽器眾多，就算你有live-reload這樣自動化工具，但是還是要手動打開各種瀏覽器，手動把你的單元測試在各個瀏覽器都運行一遍。這個工具目的是目的就是讓電腦能自動化打開各種瀏覽器，然後把單元測試在各個瀏覽器中自動運行一遍，讓這個步驟也能自動化了。
13.clean-css (grunt cssmin)， 我用的是grunt cssmin，但是grunt cssmin實際上背後使用的是clean-css工具，這個工具就是用來壓縮精簡css的，讓css文件大小更小。
Ⅷ 對於前端開發我們需要什麼樣的工具
作為一個前端開發工程師，使用一款自己上手且功能強大的開發工具是非常重要的，但是面對這么多開發工具，到底哪個比較好呢？下面我個人推薦幾款自己感覺還不錯的前端開發工具，希望作為大家的參考。
1、hbuilder
作為一個編程的菜鳥，對於英語真的是有心無力，尤其是一些國外的開發工具都是英文界面，我就非常的不喜歡。hbuilder是國產的一款前端開發工具而且是免費的，對於英語不好的前端工程師是一個不錯的消息。hbuilder的官方大致是這么解釋為什麼要開發hbuilder的：HTML最開始其實不是一個編程語言，確實用不著什麼ide。但是發展到現在，7w多個語法，js越來越龐大，真開發一個達到原生水準的App，不是用以前的文本編輯器能搞定的。
目前竟然沒有一個開發工具能把7w多HTML5語法提示齊全，這不科學，在原生開發里這是不可想像的，xcode之於iOS，eclipse之於Android，vs之於winphone，在語法提示、轉到定義、重構、調試等方面都非常高效。作為同時熟悉原生和HTML5開發的我們，我們在開發HTML5時明顯感受到效率低下。於是有了hubuilder。確實是hubuilder支持左右的前端語法代碼提示，這個是我最喜歡的它的一個原因，而且還有強大的其他語言支持和開發webapp等功能，強大到沒朋友。缺點也是有一些的，就是其有些穩定，有時可能會有些卡頓的現象，希望官方修復。
2、sublime text
sublime text是一個輕量級的編輯器，也是支持各種編程語言，sublime text所有的強大功能都是支持插件的，而且快捷鍵十分的好用，可以極大的減少開發的勞動程度，使用sublime就是要使用其快捷鍵和插件。該軟體的優點的輕量級但是功能強大，缺點是對於項目的管理等不是很方便，代碼提示不如hubuilder強大。
3、dreamwave
這是一款很經典的前端開發工具了，以前人們使用的是它的可視化開發工具，但是現在它只能是作為一個代碼編輯器來使用的，當然一些可視化的功能現在也是用的上，如要插入Flash視頻等還是使用可視化簡單一些，畢竟不是所有人都能純手寫哪些意義不大的代碼，優點是人們熟悉穩定，支持一些可視化的插入操作，缺點是代碼提示不好，不能進行快速的開發只能是作為學習使用。
總結：以上只是前端開發工具中個人比較熟悉的，除此之外還有很多優秀的前端開發工具如webstorm等，大家可根據自己的喜好選擇自己習慣的工具進行開發。
Ⅸ 當下web前端用得最多的開發工具是什麼 知乎
一般是hbuilder、webstrom、sublime這三個。
hbuilder為純國產，比較適合國人使用習慣，挺好用的，能敲幾個字母再回車就能產生一個代碼塊，比如header的內容可以很快寫出來，而且有邊改邊看模式，並且有自己的h5+、mui這些做混合app的框架，很好用。
webstrom相對來說也有代碼提示，而且不用ctrl+s保存就能自動識別代碼是否正確，而hbuilder需要保存一下才會驗證代碼。
sublime沒有用過，不過據說也有代碼提示，需要設置。
這三個都是看自己的個人使用習慣，我比較喜歡hbuilder，你可以用這幾個軟體試著寫寫頁面，感受一下，看看哪個比較適合自己。
Ⅹ 前端開發用的文本編輯器有哪些
1.Visual Studio Code 微軟在2015年4月30日Build 開發者大會上正式宣布了 Visual Studio Code 項目:一個運行於 Mac OS X、Windows和 Linux 之上的,針對於編...
2.hbuilder 前端開發小白入門首選,hbuilder是國產的一款前端開發工具而且是免費的,對於英語不好的前端工程師是一個不錯的消息。 優點是有強大的其他語言支持和開發webapp等功能,強大到沒朋友。在語法提示、轉到...
3.sublime text3 sublime text是一個輕量級的編輯器,也是支持各種編程語言,sublime text所有的強大功能都是支持插件的,而且快捷鍵十分的好用,可以極大的減少開發的勞動