當前位置:編程學習大全網 - 源碼下載 - 制作html的類似eclips的工具

制作html的類似eclips的工具

webstorm,最新版是webstorm 9,裏面又類似eclipse壹樣的控制臺,默認使用端口63342開啟了壹個本地服務器,這個就是功能強悍,不用像Dreamweaver壹樣還有自己配服務器地址神馬的。而且他支持很多主流的javascript框架,是前端開發的神器,有這些特色功能吧:

智能的代碼補全

支持不同瀏覽器的提示,還包括所有用戶自定義的函數(項目中)

智能的代碼補全

代碼補全包含了所有流行的庫,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

代碼格式化

代碼不僅可以格式化,而且所有規則都可以自己來定義

代碼格式化

html提示

大家經常在js代碼中編寫html代碼,壹般來說十分痛苦,不過有了智能提示,就爽多了。而且html裏面還能有js提示。

代碼編寫中的html提示

聯想查詢

只需要按著Ctrl鍵點擊函數或者變量等,就能直接跳轉到定義;可以全項目查找函數或者變量,還可以查找使用並高亮。

代碼導航和用法查詢

代碼重構

這個操作有些像Resharper,熟悉Resharper的用戶應該上手很快,支持的有重命名、提取變量/函數、內聯變量/函數、移動/復制、安全刪除等等。

代碼檢查和快速修復

可以快速找到代碼中的錯誤或者需要優化的地方,並給出修改意見,快速修復。

代碼檢查和快速修復

代碼調試

支持代碼調試,界面和IDEA相似,非常方便。

代碼調試

代碼結構瀏覽

可以快速瀏覽和定位

代碼結構瀏覽

代碼折疊

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

包裹或者去掉外圍代碼

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

包裹或者去掉外圍代碼

當然,還有對js的強大支持,下面這些是壹般IDE工具沒有的:

——支持AngularJS

對流行框架提供高級支持。智能提示AngularJS指令(包括自定義指令),controller 和 application names以及花括號裏邊的數據綁定。

——支持Spy-js

JavaScript追蹤變得簡單。通過Spy-js妳可以看到觸發代碼執行的事件的完整列表,然後幫妳整理堆棧跟蹤事件,並在源代碼中突出顯示。

——支持多個插入符和選擇

現在WebStorm允許妳把插入符放到多個位置,在這些位置妳可以同時編輯代碼,輕松地完成編輯和更換。

——內置Grunt控制臺

通過Grunt控制臺可以列出並定義grunt任務的完整列表, 雙擊可執行。

——集成Bower

集成Bower包管理器後,妳可以更簡單方便的在IDE中搜索、安裝和管理客戶端庫和框架。

——JavaScript模塊化

完善了對RequireJS和AMD的支持程度,基於requirejs.config實現了源碼導航功能。並改善了對Harmony module loader的支持。

——Live控制臺

在控制臺中的JavaScript和Node.js的調試工具窗口現在可以作為壹個shell提示符,並允許您執行命令和JavaScript代碼。

——新增CucumberJS支持

WebStorm現在了解CucumberJS的語法,可以幫助您生成代碼步驟定義。您可以在壹個單壹的點擊開始測試,看到壹個不錯的結構化格式的測試結果,並輕松導航到測試源。

其實妳去百度百科搜壹下這個軟件就知道了

  • 上一篇:如何修改Qt標準對話框的文字
  • 下一篇:動態加載JS過程中如何判斷JS加載完成
  • copyright 2024編程學習大全網