
【基本介紹】
WebStorm是JetBrains 推出的一款強(qiáng)大的HTML5編輯工具,擁有豐富的代碼快速編輯,可以智能的補(bǔ)全代碼、代碼格式化、html提示以及代碼檢查和快速修復(fù)等,支持不同瀏覽器的提示,同時(shí)也是一款JavaScript 開發(fā)工具,擁有即時(shí)編輯(chrome)、自動(dòng)完成、debugger、Zen Coding、HTML5 支持、JSLint、Less支持、CoffeeScript支持、Node.JS、單元測試、集成git和svn版本控制等特性,推薦前端工程師使用。目前已經(jīng)被廣大中國JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ IDEA同源,繼承了IntelliJ IDEA強(qiáng)大的JS部分的功能。

【軟件亮點(diǎn)】
- 對(duì)JavaScript的支持對(duì)于大的項(xiàng)目WebStorm工作起來會(huì)更加流暢,我們已經(jīng)提高了對(duì)JavaScript的支持。同時(shí)還會(huì)體驗(yàn)到更快的高亮代碼以及代碼完成建議,不僅如此還增強(qiáng)了對(duì)ECMAScript6的支持,包括模塊語法。
- TypeScript 1.5和1.6
對(duì)于TypeScript 1.5,WebStorm也增加了對(duì)它主要功能的支持:decorators和ES6 modules。
- TypeScript內(nèi)置編譯器
WebStorm現(xiàn)在可以快速,方便地使用TypeScript內(nèi)置的編譯器來編譯JavaScript,所有的編譯錯(cuò)誤報(bào)告會(huì)在編輯器中運(yùn)行。
- 應(yīng)用程序依賴圖
現(xiàn)在您可以可視化和探索您具有spy-js的應(yīng)用程序結(jié)構(gòu)。該圖顯示了項(xiàng)目文件是如何與機(jī)遇運(yùn)行時(shí)的函數(shù)調(diào)用想連接的。新功能為您的客戶端和Node.js應(yīng)用程序工作。
- 跟蹤語言編譯為JavaScript
spy-js添加了對(duì)源映射跟蹤TypeScript、CoffeeScript或ECMAScript 6 code transpiled編譯為JavaScript的支持。
- Node.js應(yīng)用程序的V8 profiling
新的V8 profiling功能允許您捕獲和分析JavaScript引擎CPU配置文件和為您的Node.js應(yīng)用進(jìn)行堆快照。
- 提高Grunt集成
由于繁重的Grunt集成更新任務(wù),可通過任務(wù)快速瀏覽來運(yùn)行或調(diào)試它們。
- Live Dart分析視圖
為了您的Dart項(xiàng)目,WebStorm現(xiàn)在提供的即時(shí)代碼分析結(jié)果,搭載Dart分析服務(wù)器。您可以在項(xiàng)目的工具窗口或編輯器的著重列表中快速瀏覽警告或錯(cuò)誤。
- Distraction-free模式
當(dāng)您需要完全集中您的代碼時(shí),切換到全新的distraction-free模式——一個(gè)簡約的用戶界面,沒有工具欄、工具窗口或標(biāo)簽。
- 同步編輯HTML標(biāo)簽
有了這個(gè)新的編輯器功能,您只需編輯打開HTML標(biāo)記即可提升工作效率。
【軟件功能】
1、智能的代碼補(bǔ)全:支持不同瀏覽器的提示,還包括所有用戶自定義的函數(shù)(項(xiàng)目中)

代碼補(bǔ)全包含了所有流行的庫,比如:JQuery,YUI,Dojo,Prototype,MootoolsandBindows。
2、代碼格式化:
代碼不僅可以格式化,而且所有規(guī)則都可以自己來定義:

3、代碼編寫中的html提示:

而且html里面還能有js提示

4、代碼導(dǎo)航和用法查詢:
只需要按著Ctrl鍵點(diǎn)擊函數(shù)或者變量等,就能直接跳轉(zhuǎn)到定義:

可以全項(xiàng)目查找函數(shù)或者變量,還可以查找使用并高亮:

5、代碼重構(gòu)
支持的有重命名、提取變量/函數(shù)、內(nèi)聯(lián)變量/函數(shù)、移動(dòng)/復(fù)制、安全刪除等等,如:

內(nèi)聯(lián)變量重構(gòu)之后變?yōu)椋?br />

6、代碼檢查和快速修復(fù):

可以快速找到代碼中的錯(cuò)誤或者需要優(yōu)化的地方,并給出修改意見,快速修復(fù)。

7、代碼調(diào)試:

8、代碼結(jié)構(gòu)瀏覽:
可以快速瀏覽和定位

9、代碼折疊:

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

【軟件法特性】
WebStorm 是 JetBrains 推出的一款商業(yè)的 JavaScript 開發(fā)工具1.任何一個(gè)編輯器都需要保存(ctrl + s),這是所有win平臺(tái)上編輯類軟件的特點(diǎn),但是webstorm編輯文件右上角是沒有那個(gè)熟悉的 * 的。
好處:省去了ctrl + s之后,在結(jié)合Firefox的vim,基本不動(dòng)鼠標(biāo)就可以看到結(jié)果頁面了。
壞處:沒有以前的 * 標(biāo)識(shí),萬一鍵盤誤操作也會(huì)被立即存儲(chǔ)。
2.任何一個(gè)編輯器只要文件關(guān)閉了就沒有歷史記錄了,但是webstorm有。 vcs->Local History -> Show History(快捷鍵:ALT+~ -〉7)
好處:只要webstorm不關(guān)閉,你的文件隨時(shí)可以返回到之前的操作(這也是為啥在 webstorm 里ctrl+y是刪除一行的原因了)。
壞處:webstorm關(guān)閉重啟后這些歷史記錄就沒有了;還有一個(gè)壞處就是由此帶來的內(nèi)存消耗也必然比較大。
3.任何一個(gè)編輯器,除了服務(wù)器svn之外,沒有本地版本,但是webstorm提供一個(gè)本地文件修改歷史記錄(快捷鍵:ALT+SHIFT+c,Mac中 ALT+Option+c)。也可以 Ctrl + E 彈出最近打開的文件。
好處:相當(dāng)于本地svn。
壞處:內(nèi)存消耗也必然比較大。
4.集成了zencoding,html5,ftp,即時(shí)編輯(chrome),自動(dòng)完成,基于Mozilla的JavaScript調(diào)試器,JSLint、Less支持、CoffeeScript支持、Node.JS、單元測試、集成git和svn版本控制等特性。
5.在編寫CSS中,會(huì)智能的提示各種文件以及圖片的路徑,就不用再去確認(rèn)這個(gè)文件是否存在了。
【常用快捷鍵】
Ctrl+Shift+R——快速定位到文件并跳轉(zhuǎn)Ctrl+Shift+F——全局搜索文件內(nèi)某個(gè)字符串(Webstorm默認(rèn)快捷鍵,eclipse中是Ctrl+H)
Ctrl+Shift+U——大小寫切換
Ctrl+E——打開最近操作過的文件
Ctrl+Alt+L——格式化代碼(與QQ快捷鍵沖突,自定修改QQ快捷鍵)
Ctrl+Y——?jiǎng)h除光標(biāo)所在行
Ctrl+Alt+S——打開設(shè)置窗口
【安裝破解教程】
webstorm 漢化破解教程一、安裝
雙擊下載好的軟件包開始安裝

繼續(xù)next;

這里把這幾個(gè)勾上;
點(diǎn)擊install開始安裝;

好了,到這里已經(jīng)安裝完成了,這里問你要不要導(dǎo)入設(shè)置,這里選擇不導(dǎo)入;

直接滑到最下面選擇Accept;

直接ok下一步;

到這里先選擇免費(fèi)試用,等下再來破解;

嗯,同意,下一步;

選擇自己喜歡的主題,然后下一步;

選擇開始使用;

先隨便創(chuàng)建一個(gè)項(xiàng)目;
隨便創(chuàng)建了一個(gè)test的項(xiàng)目,創(chuàng)建完成之后就可以關(guān)閉WebStorm了,下面開始漢化;

二、漢化
1把漢化和破解工具解壓出來;把resources_cn.jar文件復(fù)制到你的安裝目錄下的lib文件夾里, 然后把里面的resources_en.jar刪除了,ok漢化成功,現(xiàn)在重新打開就是漢化的界面了;

然后先把WebStorm關(guān)閉,開始破解工作
三、破解
1.把工具包里面的Crack壓縮文件解壓出來,然后把JetbrainsCrack.jar文件復(fù)制到你安裝目錄下的bin文件夾;
2.找到webstorm.exe.vmoptions以及webstorm64.exe.vmoptions文件用記事本打開在最后加上
-javaagent:D\WebStorm 2018.1\bin\JetbrainsCrack.jar
前面“D\WebStorm 2018.1\“這里要根據(jù)自己的安裝路徑來寫;
然后保存退出;


打開工具包里面的安裝說明,先把注冊碼復(fù)制一下;

4.打開WebStorm選擇上方導(dǎo)航欄的幫助>Register>Activation code
然后把復(fù)制碼粘貼進(jìn)去點(diǎn)擊確定,ok大功告成,可以開始愉快地玩耍了!?。?

【基使用教程】
webstorm如何格式化代碼點(diǎn)擊菜單欄【File】-【Settings】

在左上角的搜索欄中輸入【keyMap】

在右邊的搜索框中輸入【format】,出現(xiàn)下面紅色框架中,【Reformat】的快捷鍵【ctrl+alt+L】或者【ctrl+shift+f】

輸出凌亂的代碼,以供測試使用

整理代碼之后,如下圖所示

【使用技巧】
如何更改主題(字體&配色):File -> settings -> Editor -> colors&fonts -> scheme name
如何讓webstorm啟動(dòng)的時(shí)候不打開工程文件:
File -> Settings->General去掉Reopen last project on startup.
如何完美顯示中文:
File -> Settings->Appearance中勾選Override default fonts by (not recommended),設(shè)置Name:NSimSun,Size:12
如何顯示行號(hào):
File -> Settings->Editor,”Show line numbers”打上勾,就顯示行號(hào)了
如何代碼自動(dòng)換行:
File -> settings -> Editor “Use Soft Wraps in editor” 打上鉤,代碼就自動(dòng)換行了
如何點(diǎn)擊光標(biāo),顯示在本行末尾:
File -> Settings->Editor “Allow placement of caret after end of line”去掉勾就行了。
如何修改快鍵鍵:
File -> Settings->Keymap,然后雙擊要修改快捷的功能會(huì)有提示框出來,按提示操作
換成自己熟悉編輯器的快鍵鍵:
File ->Settings->Keymap,支持像Visual Studio、Eclipse、NetBeans這樣的主流IDE。
javascript類庫提示。
File -> settings -> Javascript -> Libraries -> 然后在列表里選擇自己經(jīng)常用到的javascript類庫,最后Download and Install就ok了.
在開發(fā)js時(shí)發(fā)現(xiàn),需要ctrl + return 才能選候選項(xiàng):
File -> Setting -> Editor -> Code Completion -> Preselect the first suggestion: “Smart” 改為 “Always”
js提示比較遲緩
File -> Code Completion -> Autopopup in 下 1000改為0
git配置:
File -> settings -> Editor -> github,進(jìn)去改github的賬戶,如果沒有g(shù)it則不需要.
插件安裝:
File ->plugins,然后就選擇給力的插件們再安裝.(“css-X-fire”插件,用于當(dāng)使用firebug修改css屬性時(shí),編輯器內(nèi)的css代碼也會(huì)發(fā)生變化。)



































