WebStorm是由jetbrains公司開發(fā)，是一款專業(yè)JavaScript開發(fā)工具，被廣大中國JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”等。本站此次為大家?guī)淼氖?strong>WebStorm11漢化免費版，附帶安裝教程，親測可用，需要的朋友快來下載使用吧。

WebStorm11.0.3 新功能特性智能編碼輔助

WebStorm幫助你編寫代碼更好感謝智能代碼補(bǔ)全,動態(tài)誤差檢測、強(qiáng)大的導(dǎo)航和重構(gòu)。

對最新技術(shù)的支持

IDE提供了一流的支持JavaScript,節(jié)點。js,HTML和CSS,以及現(xiàn)代的繼任者。支持框架包括AngularJS、反應(yīng)、流星和更多。

版本控制系統(tǒng)

一個統(tǒng)一的界面處理Git,SVN,Mercurial或其他風(fēng)投 公司是一個真正的節(jié)省時間的。

無縫的工具集成

由于集成工具如繁重任務(wù)跑,短絨,npm,可以減少使用命令行。但任何時候你需要終端,這也是作為一個IDE工具窗口。

調(diào)試、跟蹤和測試使用一個強(qiáng)大的JavaScript調(diào)試器和node . js。有效地跟蹤和輪廓與spy-js代碼。運行單元測試與業(yè)力或摩卡。所有的IDE中!

在WebStorm 11中，Yeoman集成讓npm腳本更進(jìn)一步，Webpack支持和構(gòu)建工具已經(jīng)初步支持Angular 2，此外還支持ECMAScript 2015，提供運行單個Mocha測試選項，新增預(yù)覽模式,提供Webpack項目調(diào)試構(gòu)建支持、新Node.js 配置和審查、改進(jìn)Dart支持等等。

WebStorm11安裝教程：

1、解壓安裝包，運行“WebStorm-11.0.3.exe”開始安裝

2、選擇軟件安裝目錄

3、選擇是否創(chuàng)建桌面快捷方式和關(guān)聯(lián)文件，根據(jù)提示完成安裝

4、打開漢化補(bǔ)丁，將文件“resources_cn.jar”復(fù)制到安裝目錄，lib文件夾中

5、運行WebStorm 11桌面快捷方式，選擇配置

6、彈出注冊界面，選擇“License server”，輸入“//15.idea.lanyus.com/或http://idea.imsxm.com”點擊確定完成免費。

WebStorm功能特點以及使用指南：

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

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

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

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

4) 與時俱進(jìn)的眼光。zencoding于2009年出現(xiàn)于it界，在這之后，鮮有工具直接集成到里邊。webstorm 2.0之后就集成了。node.js,html5,git,cvs等 就不一一列舉了。

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

6) 可以導(dǎo)出當(dāng)前設(shè)置：File -> Export setting。

接下來是配置和使用：

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

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

2） 添加VIM插件：

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

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

File -> Settings -> code style -> PHP -> Wrapping and Braces -> Braces placement ->In method declaration : End of line.

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

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

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

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

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

2. ctrl + j: 輸出模板

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

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

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

6. ctrl + F12: 可以顯示當(dāng)前文件的結(jié)構(gòu)

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

8. alt + left/right:標(biāo)簽切換

9. ctrl + r: 替換

10. ctrl + shift + up: 行移動

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

12. ctrl + d: 行復(fù)制

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

14. ctrl + / : 單行注釋

15. ctrl + shift + / : 塊注釋

16. ctrl + shift + i : 顯示當(dāng)前CSS選擇器或者JS函數(shù)的詳細(xì)信息

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

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

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

20. alt + '7': 顯示當(dāng)前的函數(shù)結(jié)構(gòu)。

21. 如果是*.html頁面，則在文件名下的導(dǎo)航欄某DOM結(jié)構(gòu)上右鍵，可以全選當(dāng)前DOM結(jié)構(gòu)。