WebStorm 2017.2.4漢化破解版

WebStorm 2017.2.4漢化破解版是一款非常強大的JavaScript開發工具，被譽為頂級的js開發ide，為開發者提供了非常智能的開發工具，方便的團隊管理，需要的用戶趕快來下載吧。

軟件簡介

webstorm是一款強大的HTML5/JavaScript開發工具。webstorm被廣大JS開發者譽為“Web前端開發神器”。webstorm免費版全新特性中包括對AngularJS的支持，能夠高效準確地智能感知Angular語法、指令。WebStorm還完美支持Spy-js，合並了這款JavaScript調試利器，大大提高了開發者們的工作效率。此外，WebStorm還整合了多光標編輯功能，方便了對代碼的替換和編輯。

更新內容

支持可選 catch 綁定 ES 提案 (WEB-28073)

支持 React 16 RC (WEB-28328)

進入 AngularJS 注入依賴關係的定義現在再次工作 (WEB-28192)

使用 IDE 中的 Yarn 1.0 運行任務(WEB-28685)

軟件功能

1、智能的代碼補全

支持不同瀏覽器的提示，還包括所有用戶自定義的函數。

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

2、代碼格式化

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

3、html提示

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

4、聯想查詢

隻需要按著Ctrl鍵點擊函數或者變量等，就能直接跳轉到定義；可以全代碼導航和用法查詢

項目查找函數或者變量，還可以查找使用並高亮。

5、代碼重構

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

6、代碼檢查和快速修複

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

7、代碼調試

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

8、代碼結構瀏覽

可以快速瀏覽和定位

9、代碼折疊

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

10、包裹或者去掉外圍代碼

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

使用教程

首先看看WebStorm和其他的IDE相比有什麼特別之處。

1) 自動保存，不需要你一次又一次地ctrl+s啦，所有的操作都直接存儲，當然，萬一鍵盤誤操作也會被立即存儲，不過我們可以通過本地版本控製解決這個問題。

2) 任何一個編輯器隻要文件關閉了就沒有曆史記錄了，但是webstorm有。就是說，隻要webstorm不關閉，你的文件隨時可以返回到之前的操作，webstorm關閉重啟後這些曆史記錄就沒有了。這樣的壞處也是顯然的，由此帶來的內存消耗也必然比較大。

3) 任何一個編輯器，除了服務器svn之外，沒有本地版本，但是webstorm提供一個本地文件修改曆史記錄。

4) 與時俱進的眼光。zencoding於2009年出現於it界，在這之後，鮮有工具直接集成到裏邊。webstorm 2.0之後就集成了。node.js,html5,git,cvs等 就不一一列舉了。

5)提供的插件也是比較齊全，安裝非常方便。這樣帶來了另外的問題，以前的eclipse是安裝第三方的，webstorm貌似不能安裝第三方的插件。

6) 可以導出當前設置：File -> Export setting。

接下來是配置和使用：

1) 主題，把下載好的主題包放在C:\Users\jikey(用戶名)\.WebIde10\config\colors目錄下，然後重啟 webstorm，settings –> colors & fonts –>scheme name中選擇主題名。

如果出現特別長代碼對齊白線，在Editor –> Appearance –> Show vertical indent guides 前麵的勾去掉即可。

2) 添加VIM插件：

File -> Settings -> Plugins -> Browse repositories -> 搜索vim，對它單擊右鍵Download and install，然後重啟IDE就可以了。

3) 除了webstorm之外，此公司還提供另外一個針對phper的開發工具,phpStorm，主頁上說明，phpstorm包括所有webstorm的功能。但是習慣於大括號去方法名在同一行顯示，所以還得配置：

File -> Settings -> code style -> PHP -> Wrapping and Braces -> Braces placement ->

In method declaration : End of line.

4) zencoding默認的快捷鍵是Tab，如果你需要修改zencoding快捷鍵的話：File -> Setting -> Live Templates 。

5) 在開發js時發現，需要ctrl + return 才能選提示候選項，又需要配置：File -> Setting -> Editor -> Code Completion -> Preselect the first suggestion:’Smart’ 改為 Always

6) 注意的地方是：Webstorm的調試不支持中文路徑中文文件名。

下麵是Webstorm的一些常用快捷鍵：

1. ctrl + shift + n: 打開工程中的文件，目的是打開當前工程下任意目錄的文件。

2. ctrl + j: 輸出模板

3. ctrl + b: 跳到變量申明處

4. ctrl + alt + T: 圍繞包裹代碼(包括zencoding的Wrap with Abbreviation)

5. ctrl + []: 匹配 {}[]

6. ctrl + F12: 可以顯示當前文件的結構

7. ctrl + x: 剪切(刪除)行，不選中，直接剪切整個行，如果選中部分內容則剪切選中的內容

8. alt + left/right:標簽切換

9. ctrl + r: 替換

10. ctrl + shift + up: 行移動

11. shift + alt + up: 塊移動(if(){},while(){}語句塊的移動)

12. ctrl + d: 行複製

13. ctrl + shift + ]/[: 選中塊代碼

14. ctrl + / : 單行注釋

15. ctrl + shift + / : 塊注釋

16. ctrl + shift + i : 顯示當前CSS選擇器或者JS函數的詳細信息

17. ctrl + '-/+': 可以折疊項目中的任何代碼塊，它不是選中折疊，而是自動識別折疊。

18. ctrl + '.': 折疊選中的代碼的代碼。

19. shift + esc: 當前激活的任意小窗口最小化，也可以是alt+數字鍵，數字在小窗口有顯示。

20. alt + '7': 顯示當前的函數結構。

21. 如果是*.html頁麵，則在文件名下的導航欄某DOM結構上右鍵，可以全選當前DOM結構。