js免費的編譯器

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

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

Ⅱ javascript用什麼編輯器

目前前端使用率最高的就是sublime 和 webstorm了，當然了還有visual ，DW， 等等。下面僅介紹一些sublime和webstorm。
1.Sublime Text 是一個代碼編輯器（Sublime Text 2是收費軟體，但可以無限期試用），也是HTML和散文先進的文本編輯器。Sublime Text是由程序員Jon Skinner於2008年1月份所開發出來，它最初被設計為一個具有豐富擴展功能的Vim。
Sublime Text具有漂亮的用戶界面和強大的功能，例如代碼縮略圖，Python的插件，代碼段等。還可自定義鍵綁定，菜單和工具欄。Sublime Text 的主要功能包括：拼寫檢查，書簽，完整的 Python API ， Goto 功能，即時項目切換，多選擇，多窗口等等。Sublime Text 是一個跨平台的編輯器，同時支持Windows、Linux、Mac OS X等操作系統。
2.WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
功能編輯
JavaScript
· 基於DOM，特定瀏覽器完成
· 編碼導航和用法查詢
· 支持ECMAScript
· 支持CoffeeScript
· 支持結點
· JavaScript重構
· JavaScript單元測試
· 代碼檢測和快速修復
· JSLint/JSHint
· 基於 Mozilla的JavaScript調試器
其他用途
· 批量代碼分析
· 編碼語言混合或內混
· 拼寫檢查器
· 重復代碼檢測器
編輯語言
· 支持HTML5
· css/js
· 檢驗和快速修復
· Zen編碼
· 顯示內容
· 顯示應用的風格
便捷的環境
· HTML5樣本文件和其他Web應用程序模板
· FTP和遠程文件同步
· 集成了版本控制系統
· 本地記錄
優勢功能編輯
智能的代碼補全
支持不同瀏覽器的提示，還包括所有用戶自定義的函數(項目中)
代碼補全包含了所有流行的庫，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
代碼格式化
代碼不僅可以格式化，而且所有規則都可以自己來定義
html提示
大家經常在js代碼中編寫html代碼，一般來說十分痛苦，不過有了智能提示，就爽多了。而且html裡面還能有js提示。
聯想查詢
只需要按著Ctrl鍵點擊函數或者變數等，就能直接跳轉到定義；可以全

代碼導航和用法查詢 (8張)
項目查找函數或者變數，還可以查找使用並高亮。

代碼重構
這個操作有些像Resharper，熟悉Resharper的用戶應該上手很快，支持的有重命名、提取變數/函數、內聯變數/函數、移動/復制、安全刪除等等。
代碼檢查和快速修復
可以快速找到代碼中的錯誤或者需要優化的地方，並給出修改意見，快速修復。
代碼調試
支持代碼調試，界面和IDEA相似，非常方便。
代碼結構瀏覽
可以快速瀏覽和定位
代碼折疊
功能雖小，不過勝在方便高效
包裹或者去掉外圍代碼
自動提示包裹或者去掉外圍代碼，一鍵搞定

Ⅲ 寫代碼軟體

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可用的情況下能用記事本熟練編碼，委實令人佩服。

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

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

給大家推薦8款最受程序員喜愛的代碼編輯器

1、Atom

Atom是Github打造的一款開源代碼編輯器，支持 macOS、Windows和Linux操作系統，支持Node.js所寫的插件，並內置由Github提供的Git版本控制系統，也可被當作 IDE 使用。

Atom的特色在於它極其豐富的可定製性，以及賞心悅目的界面。特別是自帶的代碼縮略圖和代碼折疊功能，不管是用Python還是做前端都非常好用。

2、EMACS

EMACS的強大之處在於已經超出了編輯器的范疇，搞成了大的平台，很多開發人員在上面直接都以他為入口完成各種功能需求了。

主要有如下特性：上網瀏覽網頁看視頻,收發郵件，調試程序，玩游戲，計算器，；、文件比較，記日記，目錄管理

3、Notepad++

Notepad++被稱為是JAVA程序員的最愛，幾乎可以替代記事本的最佳編輯器，很多強大的功能集於一身。可以在Windows操作系統下編輯，有完整的中文化介面支持多國語言編寫的功能(UTF8技術)，支持自定義語言。該程序還支持自動完成某些編程語言的API子集。

4、Sublime Text

Sublime 是一種比Notepad++功能強大的多編輯器，現在很多前端開發人員都很喜歡，雖然代碼不開源，裡面需要拿到注冊碼才能使用，但是它幾乎涵蓋了notepad++的所有特性，界面美觀功能全的編輯器。

主要有如下特性：

跨平台，幾乎在各個操作系統上都能使用

查找和替換功能做得非常友善

不僅支持多種語言關鍵字的高亮提示，還能針對編程語言編譯錯誤給提示

支持插件功能

能夠支持多種布局方式

5、Brackets

Brackets是一款為Linux開發者設計的開源代碼編輯器，使用Brackets寫代碼，你不會被任何事情所打斷。比如在寫HTML代碼時，即便你沒有保存代碼也可以及時預覽你的Web頁面效果。你也可以使用Theseus來檢查變數，Brackets默認提供一種主題，當然你也可以在擴展中心獲取更多的主題。

6、Vim

Vim 是一款高度可定製的文本編輯器，可以用於包括編寫代碼在內的各種文本創建與編輯工作。

Vim 的特色在於，它可以僅僅通過鍵盤來在插入、執行命令、文本批量處理等模式之中切換。這就使得 Vim 可以不用進行菜單或者滑鼠操作，並且最小化組合鍵的操作。對文字錄入員或者程序員可以大大增強速度和效率。

7、Visual Studio Code

Visual Studio Code是目前最受歡迎的代碼編輯器。Visual Studio Code是一個由微軟公司發布的免費開源且跨平台的代碼編輯器，剛一問世，它就以強大的功能、美觀的界面、高度的可定製性，被譽為微軟的良心之作。

Visual StudioCode 內置了代碼調試、Git 版本控制、代碼高亮、智能代碼補完、代碼片段管理、代碼重構等豐富的功能。此外，VS Code 的用戶個性配置選項也很豐富，能方便地修改主題顏色、鍵盤快捷方式等各種屬性和參數，還在內置了擴展程序管理的功能。

8、Eclipse

Eclipse以一種友好的集成開發環境，為各種類型的用戶，提供了一系列針對開發Web和Java應用的可用工具。雖然專注於Java，但是也支持其他各種編程語言，如C ++、JavaScript、PHP、C、Perl、Fortran、Ruby、Python，甚至是COBOL。它還包括了適用於各種語言、向導和內置應用程序以簡化開發的源代碼和圖形編輯器，以及支持部署、運行和測試app的工具和API。

Eclipse提供的插件功能相當豐富，有助於更加簡便地創建、集成和使用軟體工具，節省時間和金錢。

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

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

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框架的特點。