h前端編譯器

『壹』 做前端，那種編輯器最好用

個人覺得Brackets最好用，然後是Visual Studio Code，安裝上各類插件，體驗棒到飛起

『貳』 前端需要編譯器嗎vscode這個不是編譯器嗎

編譯器就是將「一種語言（通常為高級語言）」翻譯為「另一種語言（通常為低級語言）」的程序。一個現代編譯器的主要工作流程：源代碼 (source code) → 預處理器 (preprocessor) → 編譯器 (compiler) → 目標代碼 (object code) → 鏈接器 (Linker) → 可執行程序 (executables)

從這個意義上來說，前端是沒有編譯器的，但是會有開發環境（IDE）一說，前端雖然是純文本，可以用普通的記事本或者editplus之類來的編輯，但會缺少象語法補全、代碼格式化、腳本調試、語法高亮這些功能，所以才會需要有這些功能的IDE存在，vscode不是編譯器，它只是一個代碼編輯器，僅就前端來說，如果不用vscode，也可以用象hbuilderX這類軟體。

『叄』 現在比較好用的前端開發工具有哪些啊

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文件大小更小。

『肆』 HBuilderX 是什麼軟體呢

HBuilderX 簡稱 HX，HBuilder，H 是 HTML 的縮寫，Builder 是建設者。是為前端開發者服務的通用 IDE，或者稱為編輯器。與 vscode、sublime、webstorm 類似。
它可以開發普通 web 項目，也可以開發 DCloud 出品的 uni-app 項目、5+App 項目、wap2app 項目。
目前有 500 萬開發者在使用 HBuilder。
1.輕巧、極速
10M 的綠色發行包。
C++架構，啟動速度、大文檔打開速度、
編碼提示，都極速響應。
2.強大的語法提示
一流的 ast 語法分析能力，
語法提示精準、全面、細致，
轉到定義、重構完善
3.專為 vue 打造
提供比其他工具更優秀的 vue 支持
大幅提升你的 vue 開發效率
4.清爽護眼
界面清爽簡潔，綠柔主題經過科學的腦疲勞測試，
最適合人眼長期觀看的主題界面。
保護手腕，減緩滑鼠手。
5.高效極客操作
HBuilderX 對字處理提供了更崇高的支持。
更強大的多游標、智能雙擊、選區管理…
讓文字處理的效率大幅提升。
比如你可以簡單的選中想要處理的多端
文字區塊，方便的同時注釋掉不同行的
一對 tag 或 if 塊首尾行。
6.markdown 優先
HX 是唯一一個新建文件默認類型是 markdown 的
編輯器，也是對 md 支持最強的編輯器，你甚至可
以直接粘貼表格、圖片進來。
對於技術人員，我們強烈建議你以後不要使用記事
本了，用 markdown 來替代 txt。

『伍』 前端開發工具有哪些

前端開發工具是開發必不可少的，現在的開發工具功能很強大，但是還是有一些不同，下面詳細介紹一下，看看哪款適合你

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是一款網頁代碼編輯器，利用一些前端代碼對網頁進行快速的開發，可以通過智能搜索引擎對網頁進行訪問，開發者可以直觀的開發減少出現的錯誤。

『陸』 web前端開發常用的編輯器有哪些

網路編輯器UEditor PHP版是由網路web前端研發部開發所見即所得的編輯器，具有輕量，可定製，注重用戶體驗等特點。Ueditor基於BSD開源協議，除了具有代碼精簡、載入迅速的輕量級特質外，還採用了分層理念，使開發者可以根據實際應用和需求自由定製。

『柒』 前端用哪些常見的開發工具

Web前端是一個新興職業，市場需求大，薪資待遇高，吸引了很多人加入學習。無論是初學小白亦或是自身前端開發人員，好用的軟體工具可以幫助他們更好的工作。今天優就業給大家分享一下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前端開發用什麼軟體」，通過網上搜索你可以發現很多，而能否很好的藉助這些軟體完成項目，關鍵還要看你的技術。

『捌』 常見的網頁編輯器有哪些製作網頁的

在頁面布局時，一款好用的代碼編輯器會大大提升工作效率，作為一個前端開發人員，你知道HTML編輯器都有哪些嗎？具體哪個HTML編輯器比較好用？本篇文章為php中文網網友們推薦了前端開發人員常用的4款html編輯器，以下是具體介紹，感興趣的小夥伴可以參考借鑒一下。
一、HTML編輯器有哪些？

1、HBuilder

下載地址：http://www.dcloud.io

HBuilder是DCloud推出的一款支持HTML5的Web開發IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫的。速度快，是HBuilder的最大優勢，通過完整的語法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開發效率。Hbuilder是由有我國的前端開發人員編寫的一款前端開發IDE，所以在使用上比較符合我們中國人的開發習慣，用HBuilder寫HTML代碼還是很方便的。

2、Adobe Dreamweaver CS

下載地址：http://www.php.cn/xiazai/gongju/469

dreamweaver cs6 是世界頂級軟體廠商adobe推出的一套擁有可視化編輯界面，可用於編輯網站和移動應用程序的代碼編輯器。由於它支持代碼、拆分、設計、實時視圖等多種方式來創作、編寫和修改網頁，對於初級人員，你可以無需編寫任何代碼就能快速創建web頁面。其成熟的代碼編輯工具更適用於web開發高級人員的創作！cs6新版本使用了自適應網格版面創建頁面，在發布前使用多屏幕預覽審閱設計,可大大提高工作效率。所以Adobe Dreamweaver CS也是一個比較好的HTML代碼編輯器。

3、SublimeText3漢化版

下載地址：http://www.php.cn/xiazai/gongju/93

Sublime Text是一款具有代碼高亮、語法提示、自動完成且反應快速的編輯器軟體，不僅具有華麗的界面，還支持插件擴展機制，用她來寫代碼，絕對是一種享受。相比於難於上手的Vim，浮腫沉重的Eclipse，VS，即便體積輕巧迅速啟動的Editplus、Notepad++，在SublimeText面前大略顯失色，無疑這款性感無比的編輯器是coding的不錯的選擇。

4、Notepad

下載地址：http://www.php.cn/xiazai/gongju/92

Notepad++是旨在替代Windows默認的notepad而生，比notepad的功能強大很多很多。notepad++支持插件，添加對應不同的插件，以支持不同的功能。裡面除了一些常見的插件之外，還有一些好玩的插件，比如將文字讀出來的speech插件。Notepad++屬於輕量級的文本編輯類軟體，比其他一些專業的文本編輯類工具，啟動更快，佔用資源更少，但是從功能使用等方面來說，不亞於那些專業工具。

二、HTML編輯器哪個好用？專業的前端開發程序員都用哪個呢？

代碼編輯器有很多種，至於那個是最好用的HTML代碼編輯器，每個人的觀點不一樣，個人認為HBuilder是最好用的HTML編輯器。因為Hbuilder是由有我國的開發人員開發的一款軟體，在使用上比較符合我們中國人的開發習慣，而且它有很強大的代碼提示功能，能大大提升工作效率，有很多的插件，包括最全面的語法庫和瀏覽器兼容性數據等等，所以我覺得Hbuilder是最好的HTML代碼編輯器。其次用的最多的是SublimeText和notepad++，大家可以根據自己喜好選擇！

總結：

以上給大家分享了HTML編輯器有哪些，以及結合自身經驗，分享最好用的HTML編輯器，大家可以多下載幾款編輯器，看看自己喜歡哪個，希望你盡快找到自己喜歡的HTML代碼編輯器。
還有vscode webstorm

『玖』 HBuilder 編輯器有什麼故事

HBuilder編輯器是web前端開發常用的編輯器

可以先來看下HBuider編輯器的特點：

1.人性化

拋開代碼的編寫效率，我覺得這軟體的一大特色就是照顧了我們程序員的心靈之窗——眼睛。每天坐在電腦前一坐就是一天，而幾乎大部分時間都是盯著電腦屏幕，所以屏幕的色彩搭配很關鍵。我通常在編碼時喜歡用黑色風格，主要是自己也不會搭配護眼色，盡管好多軟體支持屏幕護眼，但是總不願每次開編程軟體都去開一次護眼軟體。

HBuilder編輯器深受國內大多數程序員的喜愛。

HBuilder是有國內DCloud.io，數字天堂（北京）網路技術有限公司開發的一款免費的程序編輯軟體