web前端開發(fā)用什么軟件

web前端開發(fā)常用的軟件有：、sublime text、Hbuilder等，詳細(xì)信息可以通過教育進(jìn)行了解。教育每年培養(yǎng)泛IT人才近2萬人，十年間累計(jì)培養(yǎng)超10余萬泛IT人才，提升學(xué)員學(xué)習(xí)效率。
是一款老牌前端開發(fā)工具，功能強(qiáng)大且組件豐富，作為前端開發(fā)的一款利器被廣泛使用。是一款可視化的前端開發(fā)工具，一邊寫代碼一邊就能看到效果，所以使用起來還是比較方便的。但是的缺點(diǎn)就是比較耗費(fèi)系統(tǒng)資源，這也許是IDE類產(chǎn)品的通病。Hbuilder是最近手嫌遲幾年被廣泛使用的一款前端開發(fā)工具，可以用做Android和IOS的開發(fā)，操作畢李比較簡(jiǎn)便，功能也很強(qiáng)大。
想要了解更多有關(guān)web前端開發(fā)的相關(guān)信息，推薦咨詢教育。北京互聯(lián)科技有限公司（下面簡(jiǎn)稱“教育”），成立于2011年1月，立足于職業(yè)教育培訓(xùn)領(lǐng)域，公司現(xiàn)有教育培訓(xùn)、高校服務(wù)、企業(yè)服務(wù)三大業(yè)務(wù)板塊。教育培訓(xùn)業(yè)務(wù)分為*生技能培訓(xùn)和職后技能培訓(xùn)；高校服務(wù)業(yè)務(wù)主要提供校企合作全解決方案與定制服務(wù)；企業(yè)服務(wù)業(yè)務(wù)主要者斗為企業(yè)提供專業(yè)化綜合服務(wù)。

web前端開發(fā)常用工具有哪些

常用的web前端開發(fā)工具　web前端開發(fā)工具有哪些：
1、Bootstrap
Bootstrap 是快速開發(fā) Web 應(yīng)用程序清兆的前端工具包。它是一個(gè) CSS 和HTML 的集合，它使用了*的瀏覽器技術(shù)，給你的 Web 開發(fā)提供了時(shí)尚的版式，表單答沒租，buttons，表格，網(wǎng)格系統(tǒng)等等。
2、
是一個(gè)易用、強(qiáng)大而且靈活的框架，用于構(gòu)建基于任何設(shè)備上的 Web 應(yīng)用。提供多種 Web 上的 UI 組件，如表單、按鈕、Tabs 等。
3、Cloud9 IDE
Cloud9 IDE 是一個(gè)基于 Node.JS 構(gòu)建的 程序開發(fā) Web IDE。它擁有一個(gè)非?？斓奈谋揪庉嬈鳎С譃?JS，HTML，CSS 和這幾種的混合代碼進(jìn)行著色顯示。Cloud9 IDE 還為 node.js 和 Google Chrome 集成調(diào)試器，可以在IDE 中啟動(dòng)、暫停和停止。
4、Notepad++
Notepad++ 是一款非常有特色的編輯器，是開源軟件，可以免費(fèi)使用。我們開發(fā)人員都是必備的。支持的語言: C, C++ , Java , C#, XML, HTML, PHP,!
5、Visual Studio Code
Visual Studio Code 是一個(gè)運(yùn)行于 OS X，Windows 和 Linux 之上的，針對(duì)于編寫現(xiàn)代 web 和云應(yīng)用的跨平臺(tái)編輯器。
6、GIMP
GIMP 是 GNU 圖像處理程序(GNU Image Program)的縮寫。包括幾乎所有圖象處理所需的功能，號(hào)稱 Linux 下的 PhotoShop。GIMP 在 Linux系統(tǒng)推出時(shí)就風(fēng)靡了繪圖愛好者圈。
7、
是 Twitter 送給 Web 開發(fā)者的一份大禮，作為一款 Web 安全開發(fā)工具， 能夠自動(dòng)實(shí)施安全相關(guān)的 header 規(guī)則，包括內(nèi)容安全政策(CSP)，防止 XSS、HSTS 等攻擊，防止火綿羊(Firesheep)攻擊以及 XFO 點(diǎn)擊劫持等。
8、Fontello
Fontello 是個(gè)圖標(biāo)字體生成器。這個(gè)工具允許用戶把這些圖標(biāo) web 字體放到自己的項(xiàng)目中。主要特性如下：縮小字形集合，減小字體大小;合并一些字體標(biāo)記到單察哪個(gè)文件中;訪問大量專業(yè)級(jí)的開源圖標(biāo)。

前端開發(fā)常用哪些工具軟件？

前端開發(fā)的編譯器在選擇上還是很多的。在學(xué)校里，老師主要講三個(gè)前端開發(fā)軟件：

1、WebStorm

幫助編寫HTML、CSS、Less、Sass和Stylus代碼，并且支持Node.js和主流框架，如React、Angular、?Vue.js、Meteor等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強(qiáng)大的JS部分的功能。但是付費(fèi)軟件。

2、IntelliJ idea

idea是學(xué)校老師教得最多的一款軟件，從學(xué)Java開始，除了eclipse和myeclipse之外，學(xué)校老師用的最廣泛埋叢的Java編譯器就是idea，而idea也能進(jìn)行前端項(xiàng)目的游液運(yùn)開發(fā)，idea是我用得最熟的一個(gè)編譯軟件。像一個(gè)完整的神梁前端網(wǎng)站，配置好jdk，tomcat，maven，數(shù)據(jù)庫(kù)之后就可以在idea上進(jìn)行搭建了。

3.Visual Studio Code

簡(jiǎn)稱VScode，前端開發(fā)時(shí)期學(xué)習(xí)的*款軟件，當(dāng)時(shí)學(xué)VScode的時(shí)候上的網(wǎng)課，老師用插件的時(shí)候一個(gè)沒跟上，就跟不上了。總體感覺下來是插件庫(kù)很豐富，而且內(nèi)存占用不大，目前我身邊用VScode的人是最多的。

下面是我在實(shí)習(xí)中接觸到的前端開發(fā)工具：

notepad++

頁面很簡(jiǎn)單，乍一看像是一個(gè)記事本，它也確實(shí)可以當(dāng)記事本用。有很多特色插件可以使用，支持多種編程語言的語法高亮顯示，具有代碼折疊功能。

2、HBuilderX

HBuilderX是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。是HBuilder下一代版本，具有輕便、適合vue框架的特點(diǎn)。

初學(xué)web前端開發(fā)用什么軟件

1、

是一個(gè)代碼編輯器也是HTML和散文先進(jìn)的文本編輯器。漂亮的用戶界面和非凡的功能，例如迷你地圖，多選擇宴衫，Python的插件，代碼段，等等。完全可自定義鍵綁定，菜單和工具欄。的主要功能包括：拼寫檢查，書簽，完整的PythonAPI，Goto功能，即時(shí)項(xiàng)目切換，多選擇，多窗口等等。

2、

使用所見即所得的接口，亦有HTML(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用)編輯的功能，借助經(jīng)過簡(jiǎn)化的智能編碼引擎，輕松地創(chuàng)建、編碼和管理動(dòng)態(tài)網(wǎng)站。訪問代碼提示，即可快速了解HTML、CSS和其他Web標(biāo)準(zhǔn)。使用視覺輔助功能減少錯(cuò)誤并提高網(wǎng)站開發(fā)速度。

3、

中文版是微軟推出的帶GUI的代碼編輯器，軟件功能非常強(qiáng)大，界面簡(jiǎn)潔明晰、操作方便快捷，設(shè)計(jì)得很人性化。軟件主要改進(jìn)了文檔視圖，完善了對(duì)Markdown的支持，新增PHP語法高亮。

4、HBuilder

HBuilder是專為前端打造的開發(fā)工具，具有飛一樣的編碼、最全的語法庫(kù)和瀏覽器兼容數(shù)據(jù)、可以方便的制作手機(jī)APP、最保護(hù)眼睛的綠柔設(shè)計(jì)等特點(diǎn)。支持HTML、CSS、JS、PHP的快速開發(fā)。從開放注冊(cè)以來深受廣大前端朋友們的喜愛。

5、WebStorm

WebStorm是jetbrains公司旗下一款Java開發(fā)工具。目前已經(jīng)被廣大*JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaIDE”等。與同源，繼承了強(qiáng)大的襪祥困JS部分的功能。

如果大家對(duì)于學(xué)習(xí)前端有任何不懂的可以隨時(shí)來問我，我給你提供一個(gè)非常不錯(cuò)的前端交流學(xué)習(xí)qun：前面是一一四，中間是一八八，后面是四九三一。有問題就在里面問我，這樣你可以告念少走很多彎路，做起來有效率，記得多跟有經(jīng)驗(yàn)的人交流，別閉門造車。如果沒有比較好的教程，也可以管我要。

前端開發(fā)常用又好用的幾個(gè)軟件

正所謂“工欲善其事必先利其器”，一名合格的Web前端開發(fā)工程師自然會(huì)用到不少能使其工作答鄭蘆高效的工具。下面，就給大家分享Web前端學(xué)習(xí)需要了解的十款HTML5開發(fā)工具。

1、Lungo

Lungo是一款基于HTML5的開發(fā)框架，專為想要設(shè)計(jì)、構(gòu)建和共享跨設(shè)備應(yīng)用的開發(fā)者而準(zhǔn)備。支持開放的Web標(biāo)準(zhǔn)，如HTML5、CSS3和；支持手機(jī)、電視以及桌面設(shè)備。擁有強(qiáng)大的 API：開發(fā)WebAPP應(yīng)用有很多種方式，而不是一味的優(yōu)化。Lungo提供了一個(gè)強(qiáng)大的API，這樣你可以完全掌控自己的WebAPP應(yīng)用程序。

2、Animatron

Animatron是一款簡(jiǎn)單而又強(qiáng)大的在線工具，通過它，你可以創(chuàng)建出令人驚嘆的的HTML5動(dòng)畫和互動(dòng)內(nèi)容。使用非常直觀的Animatron編輯器去設(shè)計(jì)和發(fā)布完美的移動(dòng)產(chǎn)品，同時(shí)也可以到處播放的電影和信息圖表等，從桌面瀏覽器到移動(dòng)設(shè)備，無需編碼，所見即所得。

3、

：基于HTML5開發(fā)工具是當(dāng)前最快的HTML開發(fā)工具，強(qiáng)大的代碼助手幫你快速完成開發(fā)，最全的語法庫(kù)和瀏覽器兼容性數(shù)據(jù)讓瀏覽器碎片化不再頭痛，DCloud 還提供云端打包服務(wù)，可以讓開發(fā)者直接在云端生成 .ipa 或 .apk 安裝包供部署調(diào)試。

4、mobl

mobl 是一個(gè)新的開源的編程語言，主要用于加速手機(jī)應(yīng)用的開發(fā)，mobl 可方便構(gòu)建手機(jī) Web 應(yīng)用程序，包括 iOS、Android 和其他支持 HTML5 技術(shù)的手機(jī)。Mobl使用一種與非常類似的腳本語言實(shí)現(xiàn)了靜態(tài)類型的推斷語言。該語叢沒言擁有以下頂級(jí)結(jié)構(gòu)： 實(shí)體（entities）、類型（types）、函數(shù)（functions）、控件（controls）、屏幕（screens）、樣式（styles ）和設(shè)備（services）。實(shí)體是在本地存儲(chǔ)中持久化的數(shù)據(jù)元素，而類型是一種供我們使用的不穩(wěn)定的數(shù)據(jù)。函數(shù)與那些定義在以及能夠調(diào)用代碼的語言中的函數(shù)類似等。

5、

是制作 HTML5 網(wǎng)站*的入門輔助開發(fā)工具，你可以使用提供的特色模板快速生成網(wǎng)站，也可以自定義， 會(huì)為你生成代碼簡(jiǎn)潔的可定制的網(wǎng)頁模板。

6、WebStorm

WebStorm是一款強(qiáng)大的HTML5/前端開發(fā)工具，被廣大JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”。

WebStorm 8全新特性中包括對(duì)AngularJS的支持，能夠高效準(zhǔn)確地智能感知Angular語法、指令。WebStorm還完美支持Spy-js，合并了這款調(diào)試?yán)?，大大提高了開發(fā)者們的工作效率。

7、Notepad++

Notepad++程序員必備的文本編輯器，軟件小巧高效，支持27種編程語言，通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等，推薦各位下載使用。Notepad++ 可完美地取代微軟的記事本。

8、

是世界頂級(jí)軟件廠商Adobe推出的一套擁有可視化編輯界面，用于制作并編輯網(wǎng)站和移動(dòng)應(yīng)用程序的網(wǎng)頁設(shè)計(jì)軟件。由于它支持代碼、拆分、設(shè)計(jì)、實(shí)時(shí)視圖等多種方式來創(chuàng)作、編寫和修改網(wǎng)頁，對(duì)于初級(jí)人員，你可以無需編寫任何代碼就能快速創(chuàng)建Web頁面。其成熟的代碼編輯工具更適用于Web開發(fā)高級(jí)人員的創(chuàng)作！

9、Eclipse

Eclipse的本身只是一個(gè)框架平臺(tái)，但是眾多插件的支持使得Eclipse擁有其他功能相對(duì)固定的IDE軟件很難具有的靈活性。許多軟件開發(fā)商以Eclipse為框架開發(fā)自清帶己的IDE。Eclipse最初是由IBM公司開發(fā)的替代商業(yè)軟件Visual Age for Java的下一代ide開發(fā)環(huán)境，2001年11月貢獻(xiàn)給開源社區(qū)，現(xiàn)在它由非營(yíng)利軟件供應(yīng)商聯(lián)盟Eclipse基金會(huì)（Eclipse ）管理。

10、

是專為你的移動(dòng)世界精心準(zhǔn)備的，一個(gè)跨平臺(tái)開發(fā)的HTML5/JS框架，可以構(gòu)建iOS、Android、Tizen和Windows Phone 8應(yīng)用程序，是Visual Studio開發(fā)人員開發(fā)跨平臺(tái)移動(dòng)產(chǎn)品的優(yōu)選工具。

以上就是為大家分享的十款HTML5開發(fā)必備的工具，相信這些工具一定會(huì)讓你幫你在從事Web前端開發(fā)過程中提高效率，打開一扇新的大門。

Web前端開發(fā)需要哪些工具？

前端開發(fā)中需要掌握最基礎(chǔ)的技能就是HTML、CSS，。春差前端的開發(fā)中，在頁面的布局時(shí)， HTML將元素進(jìn)行定義，CSS對(duì)展示的元素進(jìn)行定位，再通過實(shí)現(xiàn)相應(yīng)的效果和交互，在進(jìn)行開發(fā)前，需要對(duì)這些概念弄清楚，才能進(jìn)行合理的開發(fā)。

在網(wǎng)頁建設(shè)的過程中，為了避免代碼的繁瑣雜亂，更高效快速地完成任務(wù)，就會(huì)使用到一些有代碼高亮提示和彎森慧語法提示等便捷功能的前端開發(fā)工具。

1，：中文名“夢(mèng)想編織者”。是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁代碼編輯器。它可以使用所見即所得的接口，亦有HTML編輯的功能，借助經(jīng)過簡(jiǎn)化的智能編碼引擎，輕松地創(chuàng)建、編碼和管理動(dòng)態(tài)網(wǎng)站。訪問代碼提示，即可快速了解 HTML、CSS 和其他Web 標(biāo)準(zhǔn)。 使用視覺輔助功能減少錯(cuò)誤并提高網(wǎng)站開發(fā)速度。

2，Sublime：Sublime Text 是一個(gè)代碼編輯器，也是HTML和散文先進(jìn)的文本編輯器。Sublime Text 的主要功能包括：拼寫檢查，書簽，完整的 Python API ， Goto 功能，即時(shí)項(xiàng)目切換，多選擇，多窗口等等。

3，HBuilder：是DCloud,推出的一款支持HTML5的Web開發(fā)IDE。 HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。

有了工具，接下來還得靠我們?nèi)藖聿僮鳌Ｄ惚仨毷煜とN語言，把埋答這些概念弄明白，才能開發(fā)出好的作品。

前端開發(fā)用什么軟件

一：HBuilder
HBuilder工具是數(shù)字天堂推出的一款前端開發(fā)工具，支持一些html和js等開發(fā)物盯蠢，主要編寫一些c和web等語言，HBuilder*的優(yōu)勢(shì)就是速度比較快，強(qiáng)大的代碼提示和代碼輸入，大大增加了開發(fā)者的開發(fā)效率。
二：Sublime Text
Sublime Text是一款代碼編輯器，擁有漂亮的用戶頁面和實(shí)則伏用功能，以及多功能插件，還可以自定義鍵綁定，Sublime Text的功能有很多，其中就包括多選擇和多窗口和python api等功能，為開發(fā)者提供了開發(fā)方便。
三：PS
PS是對(duì)Dobe Photoshop的簡(jiǎn)稱，主要用于對(duì)圖像進(jìn)行處理和修改，ps在圖像和以及視頻和文字方便都有涉及。
四：
是一款網(wǎng)頁代碼編輯器，并且利用一些前端罩陪代碼對(duì)網(wǎng)頁進(jìn)行快速的開發(fā)，并且通過智能搜索引擎對(duì)網(wǎng)頁進(jìn)行訪問，開發(fā)者利用視覺來減少出現(xiàn)的錯(cuò)誤。
五：WebStorm
WebStorm是js開發(fā)工具，在國(guó)內(nèi)，很多人都稱為web前端開發(fā)神器，受到了好多開發(fā)者的一致好評(píng)，WebStorm軟件功能十分強(qiáng)大，并且WebStorm界面比較清晰，人性化設(shè)計(jì)，使用起來也是很方便的。
六：phpstudy
phpstudy一款集成開發(fā)環(huán)境，用戶只需下載安裝，無需配置環(huán)境，其中還包括了開發(fā)環(huán)境和開發(fā)手冊(cè)，無論是新手還是老手，選擇phpstudy都是一個(gè)不錯(cuò)的選擇。

前端開發(fā)工具有哪些

前端開發(fā)工具是開發(fā)必不可少的，現(xiàn)在的開發(fā)工具功能很強(qiáng)大，但是還是有一些不同，下面詳細(xì)介紹一下，看看哪款適合你

HBuilder

HBuilder工具是支持一些html和js等開發(fā)，主要編寫一些c和web等語言，*的優(yōu)勢(shì)就是速度比較快，強(qiáng)大的代碼提示和代碼輸入，大大增加了開發(fā)者的開發(fā)效率。

Sublime Text

編輯器里邊支持emmet比較好的的*一款。多功能插件，還可以自定義鍵綁定，功能有很多，包括多選擇和多窗口和python api等功能，為開發(fā)者提供了開發(fā)方便。

webstorm

js開發(fā)工具，web前端開發(fā)神器，功能十分強(qiáng)大，界面清晰，人性化設(shè)計(jì)，使用方便。

所有編輯器里邊*內(nèi)置emmet的一款，并且將emmet的精神往前推動(dòng)的一款。

phpstorm

測(cè)試后端 API 接口時(shí)非常好用。GET、POST、DELETE、OPTIONS、PUT 這些方法都支持。灶物

idea

phpstorm、idea包括所有webstorm的功能。只是phpstorm是針對(duì)phper的，idea是針對(duì)javaer，webstorm針對(duì)前端er。

Prettier

代碼格式知顫化工具，支持格式化 代碼，包括 [ES2021]、[JSX]、[Angular]、[Vue]、[Flow]、[] 等。

IDE 大多支持 Prettier 工具， 也有在線版本，可以在瀏覽器里格式化代碼。

是一款網(wǎng)頁代碼編輯器，利用一些前端代碼對(duì)網(wǎng)頁進(jìn)行快速的開發(fā)，可以通隱猛液過智能搜索引擎對(duì)網(wǎng)頁進(jìn)行訪問，開發(fā)者可以直觀的開發(fā)減少出現(xiàn)的錯(cuò)誤。

你最喜歡用哪款前端開發(fā)工具？為什么？

前端開發(fā)最爽的地方就在于，一個(gè)編輯器，一個(gè)瀏覽器就足矣走天下。

編輯器——VSCode

前端開發(fā)利器，超級(jí)好用的編輯器，對(duì)于大前睜沖端來說更是不可多得。由微軟出品，跨平臺(tái)支持，顏值高，易上手，豐富的插件支持。下面推薦幾個(gè)前端常用插件。

調(diào)試工具： 前端性能優(yōu)化工具：

Yellow Lab Tools ：一款Web性能及前端質(zhì)量測(cè)試工具。與其他工具不同的是，它有一些在其他工具上無法看到的獨(dú)特功能，例如頁面加載時(shí) 與 DOM 互動(dòng)和其他程序代碼驗(yàn)證問題。

DOM monster ：你只需要添加到你的瀏覽器書簽中,在任何需要調(diào)試的頁面點(diǎn)擊這個(gè)書簽,它就能夠幫助你列出目前頁面出現(xiàn)的性能問題。

前端開發(fā)是目前一個(gè)非?；鸬男袠I(yè)，就業(yè)前景和薪資水平都非常不錯(cuò)，至于開發(fā)工具的話，那就非常多了，大部分代碼編輯器、IDE環(huán)境都支持，下面我簡(jiǎn)單介紹4個(gè)非常不錯(cuò)的前端開發(fā)工具，感興趣的朋友可以嘗試一下：

01 代碼編輯器

這是目前前端開發(fā)一個(gè)非常流行的開發(fā)工具，在業(yè)界非常受歡迎，免費(fèi)、開源、跨平臺(tái)，由微軟自主研發(fā)，可以說是良心產(chǎn)品，常見的智能補(bǔ)全、代碼高亮、語法提示等功能這個(gè)軟件都能很好支持，除此之外，插件擴(kuò)展非常豐富，可以很好的進(jìn)行代碼編輯和調(diào)試，輕巧靈活，運(yùn)行速度快，對(duì)于前端開發(fā)來說，是一個(gè)非常不錯(cuò)的選擇：

這也是一個(gè)比較輕巧靈活的代碼編輯器，文本編輯功能強(qiáng)大，完美支持3大操作平臺(tái)，但原則上不免費(fèi)，和VS Code類似，Sublime Text也支持自動(dòng)補(bǔ)全、語法提示、代碼高亮等常見功能，除此之外，針對(duì)前段開發(fā)也提供了非常多的插件，不管是編輯還是調(diào)試代碼來說，都非常方便，對(duì)于前端開發(fā)來說，也是一個(gè)不錯(cuò)的選擇：

02 IDE環(huán)境

這是一個(gè)純粹的國(guó)產(chǎn)Web IDE開發(fā)工具，目前在前端開發(fā)中也有著較高的使用率，常見的自動(dòng)補(bǔ)全、代碼高亮、語法提示、錯(cuò)誤檢查等功能這個(gè)軟件都能很好兼容，除此之外，界面柔綠、清爽護(hù)眼，針對(duì)Vue專門打造了插件擴(kuò)展，可以很好的提高開發(fā)效率，還支持安卓、iOS打包，對(duì)于前端開發(fā)來說，坦侍也是一個(gè)非常不錯(cuò)的工具：

這是一個(gè)非常專業(yè)的Web IDE開發(fā)工具，Jetbrains公司的產(chǎn)品，被譽(yù)為“Web前端開發(fā)神器”、“最智能的 IDE”，除了基本的智能補(bǔ)全、代碼高亮、語法提示等常見功能，這個(gè)軟件還支持代碼分析與重構(gòu)、 聯(lián)想查詢、 單元測(cè)試等高級(jí)功能，因此在開發(fā)效率上更高，也更適合大型項(xiàng)目，對(duì)于多人協(xié)作的前端開發(fā)來說，是一個(gè)非常不錯(cuò)的選擇：

WebStorm

和idea同屬于jetbrains公司開發(fā)的，它是旗下一款開發(fā)工具，被廣大*JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的 IDE”等。

早起作為一個(gè)插件可以集成與Eclipse中來開發(fā)前端，現(xiàn)在已經(jīng)獨(dú)立出來，也是我最早接觸js所使用的一款開發(fā)工具，如果熟悉了Eclipse快捷鍵的童鞋可以快速上手。

一款代碼編輯器，借助豐富的插件資源，可以擴(kuò)展成強(qiáng)大的前端開發(fā)工具，和IDE相比，屬于一款輕量級(jí)的，啟讓早吵動(dòng)特別快。

Atom

作為開源老大哥GitHub出的一款代碼編輯器，和上面那個(gè)比較而言，插件略少，但和GitHub無縫結(jié)合，尤其是markdown編寫，界面也很漂亮。

TextMate是Mac下的著名的文本編輯器軟件，與BBedit一起并稱蘋果機(jī)上的emacs和vim。尤其適合程序員使用，可以定制許多貼心使用的功能。

Emacs即Editor MACroS（宏編輯器），是一種強(qiáng)大的文本編輯器。Emacs使用了Emacs Lisp這種有著極強(qiáng)擴(kuò)展性的編程語言（它的核心是一個(gè)Emacs Lisp解釋器），并實(shí)現(xiàn)了文本編輯支持等的擴(kuò)展。

Notepad++是 Windows操作系統(tǒng)下的一套文本編輯器(軟件版權(quán)許可證: GPL)，有完整的中文化接口及支持多國(guó)語言編寫的功能(UTF8 技術(shù))。

VSC-VSCode

輕量快速，高顏值，社區(qū)開源，豐富擴(kuò)展，微軟支持

還有超好用的遠(yuǎn)程開發(fā)(vscode remote)和協(xié)作(live share)支持

HTML通常會(huì)和、CSS同時(shí)出現(xiàn)。三者均是前端開發(fā)最常用到的。目前最常用到的HTML其實(shí)就是HTML5。常用的前端編程軟件有HBuilder、Sublime Text等等。

HBuilder是一款免費(fèi)的國(guó)產(chǎn)前端開發(fā)工具，編者用的就是HBuilder，對(duì)于小白和英語不太好的前端開發(fā)者這是一款難得的IDE。對(duì)代碼自動(dòng)補(bǔ)全方面簡(jiǎn)直是強(qiáng)大到?jīng)]朋友。強(qiáng)力推薦。

Sublime Text是一個(gè)輕量級(jí)的編輯器，不端支持前端的html，js，css。還支持覺得多數(shù)的后端語言，比如C語言、java、python等。sublime text的強(qiáng)大之處是支持各種插件而且快捷鍵非常好用，可以極大的提高開發(fā)效率。缺點(diǎn)是代碼提示方面不如Hbuilder。

很高興能回答你的問題，作為一個(gè)后端開發(fā)，也曾經(jīng)開發(fā)過前端，也用過很多前端開發(fā)工具。

1.sublime text用著確實(shí)不錯(cuò)，但是代碼開發(fā)提示不強(qiáng)，平時(shí)用著文本編輯器還是可以的。

2.hbuild+用了一段時(shí)間各種不適用，*就卸載了。

3.vs code用著一段時(shí)間寫vue，需要安裝插件，而且提交代碼用感覺不方便，把不想提交的*提交了，導(dǎo)致代碼沖突，也許是因?yàn)樽约河貌皇臁?/p>

4.webstorm 推薦使用，代碼智能提示，而且提交代碼方便。

無論是Python、Java、，當(dāng)我們選擇一款開發(fā)工具時(shí)，很多人都會(huì)首先想到j(luò)etbrain全家桶，Webstorm、IDEA、Pycharm....不得不說，jetbrain在開發(fā)工具方面真的是頗有心得、爐火純青。

但是，如果做前端開發(fā)，我認(rèn)為除了jetbrain的webstorm，還有很多選擇，而其中我最為推薦的當(dāng)屬VS Code，下面就來介紹一下。

VS Code

微軟在開發(fā)工具領(lǐng)域已經(jīng)有了多年積淀，而VS Code有時(shí)微軟結(jié)合了visual studio和其他開發(fā)工具，不斷改進(jìn)、優(yōu)化推出的一款免費(fèi)開發(fā)工具。

可以說VS Code是當(dāng)下最為熱門的開發(fā)工具之一，對(duì)比于eclipse、IDEA這些老牌開發(fā)工具，微軟對(duì)于VS Code的改變更為大膽創(chuàng)新，已經(jīng)處于領(lǐng)頭羊的地位。每年微軟開發(fā)者大會(huì)，都會(huì)對(duì) VS Code進(jìn)行大幅度的創(chuàng)新，經(jīng)過多年的優(yōu)化，VS Code已經(jīng)讓很多開發(fā)者愛不釋手。

首先說一下它幾個(gè)為人熟知的優(yōu)點(diǎn)，

首先說一下輕量化，我覺得僅憑這一點(diǎn)，就足以讓jetbrain全家桶汗顏。無論是webstorm、還是IDEA，最令人痛苦的就是打開過程，臃腫、漫長(zhǎng)，加載工程項(xiàng)目和配置項(xiàng)需要多大幾分鐘，令人無法忍受。而VS Code則不同，它更像一個(gè)編輯器，能夠秒級(jí)打開，速度堪比UE、notepad++這些文本編輯器。

其次說一下豐富插件，豐富的插件造就了VS Code完整的生態(tài)，“你想要的，這里都有”，無論是標(biāo)簽樣式還是DEBUG或者功能增強(qiáng)，VS Code都有非常多熱門的插件，使得你的開發(fā)效率大大提升，當(dāng)然，前端需要的那些優(yōu)質(zhì)插件這里都有。

其實(shí)，讓我轉(zhuǎn)向VS Code并非上述這兩點(diǎn)，而是 遠(yuǎn)程開發(fā) 。

我覺得這是微軟大膽創(chuàng)新和引領(lǐng)者角色必然的產(chǎn)物，讓很多其他開發(fā)工具很難望其項(xiàng)背。

有了VS Code遠(yuǎn)程開發(fā)功能，我們可以實(shí)時(shí)同步本地和服務(wù)器代碼，不需要再去復(fù)雜的配置遠(yuǎn)程服務(wù)器，對(duì)于項(xiàng)目管理也非常方便。

WebStorm和PS

尤其PS，平時(shí)生活中也需要用到，挺方便的

喜歡用webstorm，atom和vs code，都裝了，幾乎只用webstorm，atom界面是漂亮，也是我*個(gè)下載安裝的，裝了各種插件，那時(shí)初學(xué)，感覺提示不全，還有就是插件安裝了幾個(gè)后開機(jī)明顯變好慢，無奈下了webstorm，感覺很爽

Google PageSpeed Insights 可以為網(wǎng)站生成性能報(bào)告，它在移動(dòng)設(shè)備和桌面設(shè)備上都是免費(fèi)的。并且還給出了影響頁面加載速度的原因，并為這些問題提供了解決方案。網(wǎng)站速度按照 100 分進(jìn)行劃分，其中：

2. Pingdom Website Speed Test

Pingdom Website Speed Test 可以全面分析影響頁面Web速度的因素。此外，還可以查看網(wǎng)站在亞洲、歐洲等多個(gè)不同的地理位置的性能信息。

3.

是 AOL 開發(fā)的一款在線的免費(fèi)性能評(píng)測(cè)網(wǎng)站，從全球多個(gè)地點(diǎn)運(yùn)行免費(fèi)網(wǎng)站速度測(cè)試。可以運(yùn)行簡(jiǎn)單的測(cè)試或執(zhí)行高級(jí)測(cè)試，包括多步驟事務(wù)、視頻捕獲、內(nèi)容阻塞等等。還將依據(jù)測(cè)試結(jié)果提供豐富的診斷信息，包括資源加載瀑布圖，頁面速度優(yōu)化檢查和改進(jìn)建議，會(huì)給每一項(xiàng)內(nèi)容一個(gè)最終的評(píng)級(jí)。

4. GTmetrix

GTmetrix 是一個(gè)類似于 pingdom 的工具，可以快速輕松地測(cè)試網(wǎng)站速度。它主要有PageSpeed和YSlow兩部分組成，并提供相應(yīng)的得分?jǐn)?shù)據(jù)，能夠真實(shí)的反應(yīng)出網(wǎng)站的性能，并且會(huì)提供可行性建議來幫助改善網(wǎng)站性能。

5. Keycdn Tool

Keycdn Tool 是一個(gè)在全球 10 不同地點(diǎn)的網(wǎng)站速度測(cè)試工具。它允許測(cè)試任何頁面的性能。返回的結(jié)果將提供請(qǐng)求、內(nèi)容大小和加載時(shí)間等詳細(xì)信息。此外，還有一個(gè)完整的瀑布圖，詳細(xì)說明了每個(gè)資源的加載時(shí)間和 HTTP 頭。

6.

是一款免費(fèi)網(wǎng)站載入速度測(cè)試工具，可以在上面獲得網(wǎng)站綜合性能信息，它能夠展示網(wǎng)站加載時(shí)間以及評(píng)估網(wǎng)站有哪些需要改進(jìn)的地方，并給予一個(gè)客觀的綜合評(píng)分。

的測(cè)試結(jié)果以瀑布流展示，可以很容易看到網(wǎng)站加載速度，每一項(xiàng)資源的的載入順序、大小與響應(yīng)時(shí)間的長(zhǎng)短，方便了解網(wǎng)站的各項(xiàng)載入資源。此外，它還提供了載入時(shí)間最長(zhǎng)的內(nèi)部文件以及外部文件，從而分析出是由哪些因素影響了你網(wǎng)站的載入速度，就可以專門針對(duì)這些載入時(shí)間較長(zhǎng)的元素進(jìn)行優(yōu)化，從而*限度提升網(wǎng)站載入速度。

7.

是一個(gè)網(wǎng)站分析性能測(cè)試工具。這個(gè)工具也提供了追蹤競(jìng)爭(zhēng)對(duì)手的能力。代碼檢視圖在類似工具中是*的。如果想知道 TTFB 和圖形化 DOM 元素等，都能通過這項(xiàng)工具獲取到。

8. Sucuri Loadtime Tester

Sucuri Load Time Tester 是一個(gè)網(wǎng)站分析性能測(cè)試工具，它用不同的顏色表示網(wǎng)速快慢，可以很直觀地看出測(cè)試網(wǎng)站在不同*的運(yùn)行速度。綠色表示暢通，沒有顏色的普通數(shù)字表示一般，黃色表示中等偏慢，紅色表示緩慢。

9. GEEKFLARE

GEEKFLARE 這是一套免費(fèi)的性能測(cè)試工具，用于測(cè)試網(wǎng)站的 DNS、安全性、性能、網(wǎng)絡(luò)和 SEO 等問題。

10. Dareboost

DareBoost 是一個(gè)免費(fèi)網(wǎng)站速度測(cè)試和網(wǎng)站分析工具。它提供超過 100 種不同的檢查項(xiàng)目用以分析你的網(wǎng)站的速度?？梢詼y(cè)試桌面端與行動(dòng)頁面、Firefox 與 Chrome 和五個(gè)節(jié)點(diǎn)的速度差異。

學(xué)web前端開發(fā)需要用哪些軟件

web前端開發(fā)除了PS、DW之外，還有一些常用的前端開發(fā)工具，以下僅列出前端工程師常用的兩款：
1、WebStorm：WebStorm 是jetbrains公司旗下一款 開發(fā)工具。目前已經(jīng)被廣大*JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最槐雹智能的 IDE”等。
個(gè)人經(jīng)驗(yàn)：WebStorm優(yōu)點(diǎn)是代碼提示、高鉛滑帆亮等等，支持很多框架。非常適合項(xiàng)目開發(fā)。缺點(diǎn)是啟動(dòng)稍慢。
2、Sublime Text3：Sublime Text 是一個(gè)代碼編輯器，也是讓櫻HTML和散文先進(jìn)的文本編輯器。Sublime Text是由程序員Jon Skinner于2008年1月份所開發(fā)出來，它最初被設(shè)計(jì)為一個(gè)具有豐富擴(kuò)展功能的Vim。
個(gè)人經(jīng)驗(yàn)：Sublime Text3通過安裝不同的插件可以完美支持各種語言。相對(duì)于webstrom，它的啟動(dòng)速度非常快，常用于修改單個(gè)文件的錯(cuò)誤或者調(diào)試。