js和html編譯工具,Javascript編譯器

本文目錄一覽：

• 1、編輯HTML文件的工具有哪些？
• 2、開發html+css+js什麼工具
• 3、有沒有比較強大的html+js+css編輯器
• 4、javascript用什麼編輯器

編輯HTML文件的工具有哪些？

有以下的工具：

1、Notepad

notepad（記事本）是代碼編輯器或WINDOWS中的小程序，用於文本編輯，在文字編輯方面與Windows寫字板功能相當。是一款開源、小巧、免費的純文本編輯器。

2、Sublime Text

是一個代碼編輯器，也是HTML和散文先進的文本編輯器。Sublime Text是由程序員Jon Skinner於2008年1月份所開發出來，它最初被設計為一個具有豐富擴展功能的Vim。

3、HBuilder

是DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE。 [1]  HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。

4、Adobe Dreamweaver

DW是集網頁製作和管理網站於一身的所見即所得網頁代碼編輯器。利用對 HTML、CSS、JavaScript等內容的支持，設計師和程序員可以在幾乎任何地方快速製作和進行網站建設。

5、CoffeeCup HTML Editor

是CoffeeCup Software公司推出的一款體積較小的易用的html代碼編輯器。

參考資料來源：百度百科-notepad

參考資料來源：百度百科-Sublime Text

參考資料來源：百度百科-HBuilder

開發html+css+js什麼工具

這兩個編輯器寫html、js、css都很方便：

sublime text

Notepad++

有沒有比較強大的html+js+css編輯器

推薦Hbuider，個人感覺比eclipse和dreamweaver好用。。

特點：輕量，只有幾M，就算全部插件安裝也只有三百M。

測試方便：可以直接打包成app運行到安卓或蘋果模擬器和真機里。

app配置簡單，上手速度快。

全中文界面。

可以新建mui的相關項目並直接調試。

可以新建HTML5 plus項目並直接調試。

可以新建微信支付寶等各種小程序頁面並直接調試。

反正就是強大，好用。。

HTML項目打包成app也很方便。

使用過程中無廣告全程免費。

軟件啟動快，沒有加載界面讀取界面。雙擊圖標頂多兩秒，編碼窗口就出來了。

軟件響應快，速度快。

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相似，非常方便。

代碼結構瀏覽

可以快速瀏覽和定位

代碼摺疊

功能雖小，不過勝在方便高效

包裹或者去掉外圍代碼

自動提示包裹或者去掉外圍代碼，一鍵搞定