前端編譯器介紹

A. 寫代碼軟體

1.WebStorm【推薦】

WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。WebStorm的過人在於，商家不斷的更新版本。

2.Visual Studio Code（簡稱：Vscode）【推薦】

Visual Studio Code中文版是微軟推出的帶 GUI 的代碼編輯器，啟動非常快，完全可以用來代替其他文本文件編輯工具。還可以用來做開發，支持各種語言。軟體功能非常強大，界面簡潔明晰、操作方便快捷，設計得很人性化。軟體主要改進了文檔視圖，完善了對 Markdown的支持，新增PHP語法高亮。

3.Sublime Text

Sublime Text是一個代碼編輯器也是HTML和散文先進的文本編輯器。擁有著漂亮的用戶界面和非凡的功能，例如迷你地圖，多選擇，Python的插件，代碼段，等等。完全可自定義鍵綁定，菜單和工具欄。其主要功能包括：拼寫檢查，書簽，完整的Python API，Goto功能，即時項目切換，多選擇，多窗口等等。

4.HBuilder

HBuilder是DCloud推出的專為前端打造的開發工具，具有飛一樣的編碼、最全的語法庫和瀏覽器兼容數據、可以方便的製作手機APP、最保護眼睛的綠柔設計等特點。支持HTML、CSS、JS、PHP的快速開發。通過完整的語法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開發效率。

5.Dreamweaver

Dreamweaver是由Macromedia公司開發的一款所見即所得的網頁編輯器。所見即所得的網頁編輯器的優點有直觀性、使用方便、容易上手。它使用所見即所得的介面，亦有HTML編輯的功能。熟練掌握Dreamweaver軟體的使用，無論是設計師還是工程師，它都能有效提高你的工作效率。

6.Notepad++

Notepad++是一款Windows操作系統下的一套文本編輯器。此軟體是免費軟體，可以免費使用，自帶中文，小巧高效，支持27種編程語言，通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等，Notepad++ 內置支持多達27種語法高亮度顯示。Notepad++除了可以用來製作一般的純文字說明文件，也十分適合編寫計算機程序代碼。

7.Editplus

Editplus是一款由韓國Sangil Kim出品的小巧但是功能非常強大的文字編輯器，擁有無限制的Undo/Redo（撤銷）、英文拼字檢查、自動換行、列數標記、搜尋取代、同時編輯多文件、全屏幕瀏覽功能。除了支持HTML, CSS, PHP, ASP, Perl, C/C++, Java, JavaScript, VBScript的代碼高亮外，還內建完整的HTML和CSS指令功能。

8.記事本寫代碼

能用記事本寫代碼的基本功都很扎實，對語法等掌握非常精準，而且思維比較細致。雖然用記事本寫代碼的人很少，但實在沒有IDE可用的情況下能用記事本熟練編碼，委實令人佩服。

以上幾種編寫代碼的軟體，你用過其中幾款？

B. web前端開發常用工具有哪些

常用的web前端開發工具web前端開發工具有哪些：
1、Bootstrap
Bootstrap 是快速開發 Web 應用程序的前端工具包。它是一個 CSS 和HTML 的集合，它使用了最新的瀏覽器技術，給你的 Web 開發提供了時尚的版式，表單，buttons，表格，網格系統等等。
2、Foundation
Foundation 是一個易用、強大而且靈活的框架，用於構建基於任何設備上的 Web 應用。提供多種 Web 上的 UI 組件，如表單、按鈕、Tabs 等。
3、Cloud9 IDE
Cloud9 IDE 是一個基於 Node.JS 構建的 JavaScript 程序開發 Web IDE。它擁有一個非常快的文本編輯器，支持為 JS，HTML，CSS 和這幾種的混合代碼進行著色顯示。Cloud9 IDE 還為 node.js 和 Google Chrome 集成調試器，可以在IDE 中啟動、暫停和停止。
4、Notepad++
Notepad++ 是一款非常有特色的編輯器，是開源軟體，可以免費使用。我們開發人員都是必備的。支持的語言: C, C++ , Java , C#, XML, HTML, PHP,Javascript!
5、Visual Studio Code
Visual Studio Code 是一個運行於 OS X，Windows 和 Linux 之上的，針對於編寫現代 web 和雲應用的跨平台編輯器。
6、GIMP
GIMP 是 GNU 圖像處理程序(GNU Image Manipulation Program)的縮寫。包括幾乎所有圖象處理所需的功能，號稱 Linux 下的 PhotoShop。GIMP 在 Linux系統推出時就風靡了繪圖愛好者圈。
7、SecureHeaders
SecureHeaders 是 Twitter 送給 Web 開發者的一份大禮，作為一款 Web 安全開發工具，Secureheaders 能夠自動實施安全相關的 header 規則，包括內容安全政策(CSP)，防止 XSS、HSTS 等攻擊，防止火綿羊(Firesheep)攻擊以及 XFO 點擊劫持等。
8、Fontello
Fontello 是個圖標字體生成器。這個工具允許用戶把這些圖標 web 字體放到自己的項目中。主要特性如下：縮小字形集合，減小字體大小;合並一些字體標記到單個文件中;訪問大量專業級的開源圖標。

C. HBuilder 編輯器有什麼故事

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

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

1.人性化

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

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

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

D. 現在比較好用的前端開發工具有哪些啊

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

E. 有哪些好用的代碼編輯器值得推薦

作為一個程序開發者，日常的開發工作絕對離不開代碼編輯器，不管是前端還是後台，下面幾款常用的代碼編輯器，可以試試：

1.Notepad++：相信大部分開發人員都聽說或使用過這個代碼編輯器，記事本的增強版，免費開源、小巧靈活、使用方便，支持常見的自動補全、語法提示、代碼高亮，可編輯語言多達27種。

2.EditPlus：這也是一款小巧靈活的代碼編輯器，功能類似於Notepad++，擁有強大的文本處理功能，界面簡潔美觀，啟動速度較快，支持常見的語法高亮、代碼折疊等功能。

3.PNEdit：這是由上海一家科技公司開發研製的一款免費、跨平台的文本編輯器，支持幾乎所有主流語言開發，常見的語法高亮、智能補全、語法檢查、括弧匹配，這個軟體都支持，除此之外，還支持git功能，插件擴展豐富，下載配置相關插件後，可直接調試、運行，在業界是一個非常受歡迎的代碼編輯器，張江男工作所選。

相信，對於大部分日常開發工作來說，完全夠用了，當然，你也可以使用對應的IDE來完成相關工作

F. 前端開發常用哪些工具軟體

下面我介紹五款比較常用的前端開發工具，具體哪一款嫌逗笑最好用，因人而異，大家可以根據自己的情況，選擇一款個人認為最好用的web前端開發工具。

1、SublimeText

SublimeText憑借其漂亮的用戶界面和極其強大的功能，被譽為「神級」代碼開發工具。

2、StackBlitz

據ChimeNnamdi所說，這是所有用戶最喜歡的在線集成開發環境工具（IDE）。主要原因在於其將用戶最喜愛和最常用的集成開發環境——VisualStudio代碼帶到了網路上。

3、VisualStudio

MicrosoftVisualStudio，簡稱VS，是微軟公司的開發工具包系列產品，指頌是目前最流行的Windows平台應用程序的集成開發環境(IDE)。

4、WebStorm

WebStorm是jetbrains公司旗芹含下一款JavaScript開發工具。已經被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScriptIDE」等。

5.CanIUse

該在線工具非常方便，它可以讓用戶知道當前實現的功能是否與期望對接的瀏覽器兼容。

G. 前端開發常用哪些工具軟體

前端開發的編譯器在選擇上還是很多的。在學校里，老師主要講三個前端開發軟體：

1、WebStorm

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

2、IntelliJ idea

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

2、HBuilderX

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

H. 學web前端開發需要用哪些軟體

web前端開發除了PS、DW之外，還有一些常用的前端開發工具，以下僅列出前端工程師常用的兩款：
1、WebStorm：WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。
個人經驗：WebStorm優點是代碼提示、高亮等等，支持很多框架。非常適合項目開發。缺點是啟動稍慢。
2、Sublime Text3：Sublime Text 是一個代碼編輯器，也是HTML和散文先進的文本編輯器。Sublime Text是由程序員Jon Skinner於2008年1月份所開發出來，它最初被設計為一個具有豐富擴展功能的Vim。
個人經驗：Sublime Text3通過安裝不同的插件可以完美支持各種語言。相對於webstrom，它的啟動速度非常快，常用於修改單個文件的錯誤或者調試。