對webstorm的認識

標籤：ref   任務   簡單   快速   代碼   命名   一般來說   strong   coff   

哈哈，最近新學了一款開發的工具，感覺十分的方便，在網上找了些資料，先帶大家熟悉下這款軟體

webStorm 是一款商業的 JavaScript 開發工具，雖然WebStorm的js的提示遠遠不如aptana那麼強悍(輸入字母d不提示document)，但是做為 IntelliJ IDEA 的js縮水版，其它功能也是比較期待的。（：http://www.ddooo.com/softdown/59639.htm）

1 具體的有：

1. 檔案不用儲存

2. 內建有svn，如果不用伺服器版的svn的話，本地自身帶一個版本管理的。非常方便。

3. 編輯右側有各瀏覽器瀏覽捷徑，更是快中快

2 功能 關於JaveScript

· 基於DOM，特定瀏覽器完成

· 編碼導航和用法查詢

· 支援ECMAScript

· 支援CoffeeScript

· 支援結點

· JavaScript重構

· JavaScript單元測試

· 代碼檢測和快速修複

· JSLint/JSHint

· 基於 Mozilla的JavaScript調試器

編碼以外的功能

· 批量程式碼分析

· 編碼語言混合或內混

· 拼字檢查器

· 重複代碼檢測器

關於HTML/HTML5/CSS

· 支援HTML5

· 檢驗和快速修複

· Zen編碼

· 顯示內容

· 顯示應用的風格

便捷的環境

· HTML5樣本檔案和其他Web應用程式模板

· FTP和遠程檔案同步

· 整合了版本控制系統

· 本地記錄

3 優勢功能

智能的代碼補全

支援不同瀏覽器的提示，還包括所有使用者自訂的函數(項目中)智能的代碼補全代碼補全包含了所有流行的庫，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

代碼格式化

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

代碼編寫中的html提示

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

代碼導航和用法查詢

只需要按著Ctrl鍵點擊函數或者變數等，就能直接跳轉到定義；可以全項目尋找函數或者變數，還可以尋找使用並高亮。代碼導航和用法查詢

代碼重構

這個操作有些像Resharper，熟悉Resharper的使用者應該上手很快，支援的有重新命名、提取變數/函數、內聯變數/函數、移動/複製、安全刪除等等。

代碼檢查和快速修複

可以快速找到代碼中的錯誤或者需要最佳化的地方，並給出修改意見，快速修複。代碼檢查和快速修複

代碼調試

支援代碼調試，介面和IDEA相似，非常方便。代碼調試

代碼結構瀏覽

可以快速探索和定位代碼結構瀏覽

程式碼摺疊功能

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

包裹或者去掉外圍代碼

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

4 WebStorm新功能：

Meteor支援

l WebStorm9適用於Meteor，在JavaScript裡Web應用程式的平台支援。享受適用於MeteorAPI和調試伺服器端和用戶端的Meteor代碼編碼援助。

響應，JSX支援

l 在項目中的使用反應？

l 享受文法高亮，程式碼完成和錯誤偵測適用於在JSX中JSX和JavaScript運算式。嘗試導航和重新命名重構的反應控制項

Gulp整合

l 使用Gulp整合，你現在可以輕鬆地通過項目gulpfile.js自訂工作清單瀏覽，只需要簡單地通過雙擊任務名稱運行或調試。

（原文連結：http://baike.sogou.com/v63652731.htm?fromTitle=WebStorm）

對webstorm的認識