JetBrains WebStorm 2020是一個(gè)專業(yè)的前端開發(fā)工具，在這里有著強(qiáng)大的JavaScript開發(fā)功能，可以幫助用戶更加高效的編寫代碼，有著代碼自動(dòng)檢測(cè)和矯正的功能，就算是你手滑打錯(cuò)了代碼可以及時(shí)發(fā)現(xiàn)，避免在運(yùn)行的時(shí)候出現(xiàn)bug。同時(shí)還有提取vue組件、使用節(jié)點(diǎn)調(diào)試、運(yùn)行和調(diào)試React Native應(yīng)用程序等功能，讓你不僅可以在這里編程，還能直接運(yùn)行用戶所編寫的內(nèi)容架構(gòu)和調(diào)試客戶端。本次帶來的是WebStorm中文破解版，由網(wǎng)友平方X進(jìn)行了全面的漢化，讓廣大用戶使用起來沒有語言的障礙。

軟件特色

1、快速啟動(dòng)和運(yùn)行

立即開始您的項(xiàng)目，而不是把時(shí)間浪費(fèi)在評(píng)估各種插件上，憑借各種內(nèi)置開發(fā)者工具以及對(duì)語言和框架開箱即用的支持，提供高效JavaScript開發(fā)所需的一切。

2、提高生產(chǎn)力

在重構(gòu)和快速修復(fù)的幫助下，不要在終端與文本編輯器之間，或可以自動(dòng)完成的事情上猶豫不決，這是 IDE 最擅長之事，調(diào)試器和 Git 等最重要的開發(fā)者工具觸手可及。

3、花更少工夫編寫更好的代碼

編寫更清晰可靠的代碼，IDE 在您輸入時(shí)會(huì)運(yùn)行幾十種檢查，并且會(huì)立即檢測(cè)到潛在錯(cuò)誤和冗余，通過可以提供與當(dāng)前上下文最相關(guān)的變量和方法的自動(dòng)補(bǔ)全，節(jié)省瀏覽代碼庫的時(shí)間。

4、迅速找到所需代碼

無論項(xiàng)目有多大，都可以更快地找到代碼，只需點(diǎn)擊幾次，即可跳到任何類、函數(shù)、方法、變量或組件的定義，并找到其用法，在您打開的文件內(nèi)輕松導(dǎo)航，而且其結(jié)構(gòu)一覽無余。

5、根據(jù)您的喜好調(diào)整外觀

不喜歡使用默認(rèn)值？ 通過調(diào)整主題、代碼樣式、插件等來調(diào)整IDE的外觀和行為，使其更符合您的獨(dú)特需求，也可在幾個(gè)WebStorm實(shí)例之間自動(dòng)共享您的自定義設(shè)置。

安裝方法

1、在本站下載并解壓安裝包，運(yùn)行程序點(diǎn)擊下一步

2、在設(shè)置好一些基礎(chǔ)項(xiàng)目之外，等待安裝

3、安裝成功，點(diǎn)擊Finish完成安裝

4、安裝成功之后先不要運(yùn)行軟件，將原文件夾的jetbrains-agent文件夾復(fù)制到軟件安裝目錄下

5、運(yùn)行軟件后，點(diǎn)擊激活窗口的Evaluate for free免費(fèi)試用

6、先創(chuàng)建一個(gè)空項(xiàng)目進(jìn)入軟件主頁窗口

7、在菜單欄Help中選擇Edit Custom VM Options

8、彈出提示選擇Create即可

9、在最后一行添加：-javaagent:你WebStorm的安裝目錄\jetbrains-agent.jar，然后退出軟件

10、重啟軟件，點(diǎn)擊菜單欄中的 “Help” -> “Register”，輸入激活碼完成完成激活，激活碼在安裝包內(nèi)的ACTIVATION_CODE.txt文本內(nèi)找到

11、軟件已經(jīng)激活成功，可以用到2089年，時(shí)間還是挺長的

12、再次退出軟件，將漢化補(bǔ)丁resources_zh_CN_WebStorm.jar復(fù)制到軟件的lib目錄下

13、軟件已經(jīng)漢化為中文了，可以免費(fèi)使用了

快捷鍵說明

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：剪切(刪除)行，不選中，直接剪切整個(gè)行，如果選中部分內(nèi)容則剪切選中的內(nèi)容

8、Alt + left/right：標(biāo)簽切換

9、Ctrl + r：替換

10、Ctrl + Shift + up：行移動(dòng)

11、Shift + Alt + up：塊移動(dòng)(if(){},while(){}語句塊的移動(dòng))

12、Ctrl + d：行復(fù)制

13、Ctrl + Shift + ]/[：選中塊代碼

14、Ctrl + /：單行注釋

15、Ctrl + Shift + /：塊注釋

16、Ctrl + Shift + i：顯示當(dāng)前CSS選擇器或者JS函數(shù)的詳細(xì)信息

17、Ctrl + '-/+'：可以折疊項(xiàng)目中的任何代碼塊，它不是選中折疊，而是自動(dòng)識(shí)別折疊。

18、Ctrl + '.'：折疊選中的代碼的代碼。