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

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

創(chuàng)新互聯(lián)公司專注于黎平網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供黎平營(yíng)銷型網(wǎng)站建設(shè)，黎平網(wǎng)站制作、黎平網(wǎng)頁(yè)設(shè)計(jì)、黎平網(wǎng)站官網(wǎng)定制、重慶小程序開(kāi)發(fā)服務(wù)，打造黎平網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供黎平網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

編輯器——VSCode

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

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

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

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

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

01 代碼編輯器

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

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

02 IDE環(huán)境

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

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

WebStorm

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

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

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

Atom

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

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

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

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

VSC-VSCode

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

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

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

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

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

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

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

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

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

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

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

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

VS Code

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

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

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

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

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

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

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

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

WebStorm和PS

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

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

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

2. Pingdom Website Speed Test

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

3. WebPagetest

WebPagetest是 AOL 開(kāi)發(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è)面速度優(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ì)提供可行性建議來(lái)幫助改善網(wǎng)站性能。

5. Keycdn Tool

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

6. GiftOfSpeed

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

GiftofSpeed 的測(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. Pagelocity

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

8. Sucuri Loadtime Tester

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

9. GEEKFLARE

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

10. Dareboost

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

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

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

1、Lungo

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

2、Animatron

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

3、DCloudHBuilder

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

4、mobl

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

5、Initializr

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

6、WebStorm

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

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

7、Notepad++

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

8、Dreamweaver

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

9、Eclipse

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

10、DevExtreme

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

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

現(xiàn)在比較好用的前端開(kāi)發(fā)工具有哪些啊？

作為一個(gè)前端開(kāi)發(fā)工程師，使用一款自己上手且功能強(qiáng)大的開(kāi)發(fā)工具是非常重要的，但是面對(duì)這么多開(kāi)發(fā)工具，到底哪個(gè)比較好呢？下面我個(gè)人推薦幾款自己感覺(jué)還不錯(cuò)的前端開(kāi)發(fā)工具，希望作為大家的參考。

1、hbuilder

作為一個(gè)編程的菜鳥(niǎo)，對(duì)于英語(yǔ)真的是有心無(wú)力，尤其是一些國(guó)外的開(kāi)發(fā)工具都是英文界面，我就非常的不喜歡。hbuilder是國(guó)產(chǎn)的一款前端開(kāi)發(fā)工具而且是免費(fèi)的，對(duì)于英語(yǔ)不好的前端工程師是一個(gè)不錯(cuò)的消息。hbuilder的官方大致是這么解釋為什么要開(kāi)發(fā)hbuilder的：HTML最開(kāi)始其實(shí)不是一個(gè)編程語(yǔ)言，確實(shí)用不著什么ide。但是發(fā)展到現(xiàn)在，7w多個(gè)語(yǔ)法，js越來(lái)越龐大，真開(kāi)發(fā)一個(gè)達(dá)到原生水準(zhǔn)的App，不是用以前的文本編輯器能搞定的。

目前竟然沒(méi)有一個(gè)開(kāi)發(fā)工具能把7w多HTML5語(yǔ)法提示齊全，這不科學(xué)，在原生開(kāi)發(fā)里這是不可想象的，xcode之于iOS，eclipse之于Android，vs之于winphone，在語(yǔ)法提示、轉(zhuǎn)到定義、重構(gòu)、調(diào)試等方面都非常高效。作為同時(shí)熟悉原生和HTML5開(kāi)發(fā)的我們，我們?cè)陂_(kāi)發(fā)HTML5時(shí)明顯感受到效率低下。于是有了hubuilder。確實(shí)是hubuilder支持左右的前端語(yǔ)法代碼提示，這個(gè)是我最喜歡的它的一個(gè)原因，而且還有強(qiáng)大的其他語(yǔ)言支持和開(kāi)發(fā)webapp等功能，強(qiáng)大到?jīng)]朋友。缺點(diǎn)也是有一些的，就是其有些穩(wěn)定，有時(shí)可能會(huì)有些卡頓的現(xiàn)象，希望官方修復(fù)。

2、sublime text

sublime text是一個(gè)輕量級(jí)的編輯器，也是支持各種編程語(yǔ)言，sublime text所有的強(qiáng)大功能都是支持插件的，而且快捷鍵十分的好用，可以極大的減少開(kāi)發(fā)的勞動(dòng)程度，使用sublime就是要使用其快捷鍵和插件。該軟件的優(yōu)點(diǎn)的輕量級(jí)但是功能強(qiáng)大，缺點(diǎn)是對(duì)于項(xiàng)目的管理等不是很方便，代碼提示不如hubuilder強(qiáng)大。

3、dreamwave

這是一款很經(jīng)典的前端開(kāi)發(fā)工具了，以前人們使用的是它的可視化開(kāi)發(fā)工具，但是現(xiàn)在它只能是作為一個(gè)代碼編輯器來(lái)使用的，當(dāng)然一些可視化的功能現(xiàn)在也是用的上，如要插入Flash視頻等還是使用可視化簡(jiǎn)單一些，畢竟不是所有人都能純手寫哪些意義不大的代碼，優(yōu)點(diǎn)是人們熟悉穩(wěn)定，支持一些可視化的插入操作，缺點(diǎn)是代碼提示不好，不能進(jìn)行快速的開(kāi)發(fā)只能是作為學(xué)習(xí)使用。

總結(jié)：以上只是前端開(kāi)發(fā)工具中個(gè)人比較熟悉的，除此之外還有很多優(yōu)秀的前端開(kāi)發(fā)工具如webstorm等，大家可根據(jù)自己的喜好選擇自己習(xí)慣的工具進(jìn)行開(kāi)發(fā)。

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

前端開(kāi)發(fā)的編譯器在選擇上還是很多的。在學(xué)校里，老師主要講三個(gè)前端開(kāi)發(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開(kāi)始，除了eclipse和myeclipse之外，學(xué)校老師用的最廣泛的Java編譯器就是idea，而idea也能進(jìn)行前端項(xiàng)目的開(kāi)發(fā)，idea是我用得最熟的一個(gè)編譯軟件。像一個(gè)完整的前端網(wǎng)站，配置好jdk，tomcat，maven，數(shù)據(jù)庫(kù)之后就可以在idea上進(jìn)行搭建了。

3.Visual Studio Code

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

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

notepad++

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

2、HBuilderX

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

當(dāng)前標(biāo)題：ios前端開(kāi)發(fā)工具,ios java開(kāi)發(fā)工具
轉(zhuǎn)載源于：http://chinadenli.net/article49/dsejghh.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、移動(dòng)網(wǎng)站建設(shè)、營(yíng)銷型網(wǎng)站建設(shè)、虛擬主機(jī)、小程序開(kāi)發(fā)、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)