WebStorm是JetBrains推出最為強大的HTML5/Java開發工具，它的易用性另人嘆為觀止，被廣大JS開發者譽為“Web前端開發神器”WebStorm2020與上一版本相比，進行了全方面的優化和新增，首先從外觀上，軟件更新了新的歡迎屏幕，用戶可以從歡迎屏幕中打開和創建項目，還可以調整最常用的設置，如 IDE 主題和字體；還有就是新增了閱讀器模式，可讓您的庫和只讀文件可讀性更強，進入此模式可呈現注釋、啟用字體連字等等；最后就是添加了自定義文件模板的功能，這些模板可一次創建多個文件， 例如，當您需要添加 .js 文件和測試文件時，這會非常方便

WebStorm2020功能介紹

【外觀】
1、全新歡迎刷屏。
歡迎刷屏！不僅可以從歡迎的畫面開始創建項目，還可以調整IDE主題和字體等最常用的設定。
2、IDE主題已與操作系統設置同步。
現在，您可以將WebStorm主題與macOS和Windows設置同步。你只需要轉到Preferences/Settings|Appearance&Behavior|Appearance|Theme，然后選擇SyncwithOS選項。點擊SyncwithOS旁邊的齒輪圖標，選擇你的優先主題。我們也打算為Linux用戶實現這個功能。
3、改善了選卡的使用。
在v2020.3中，我們可以更方便地使用期權卡。現在，您可以通過拖動選項卡或使用新的OpeninRightSplit操作來分割編輯器。另外，現在固定的期權卡用特殊的圖標標記，在期權卡欄的開頭顯示，可以更快地找到。
4.讀取器模式。
網絡Storm有一種新模式，可以使你的庫和只讀文件的可讀性更高。進入該模式時，可以顯示注釋、啟用字體連。
5.多文件模板。
我們已經實現了添加定制文件模板的功能，這些模板可以一次性創建多個文件。例如，當你需要添加.js文件和測試文件時，它會非常方便。
6.使用網絡Storm打開文件。
目前，使用WebStorm默認打開特定的文件類型非常簡單。轉到Preferences/Settings|Editor|FileTypes，點擊AssociateFileTypeswithWebStorm按鈕。
【框架和技術】
1.支持TailwindCSS。
WebStorm現在可以幫助您更使用TailwindCSS！自動補充Tailwind類，在鼠標停止時顯示生成的CSS預覽，支持使用tailwind.config.js文件定制。
2、根據用例制作React組件。
你的代碼有沒有未解析的React組件？將脫字符放在其中，按Alt+Enter，從列表中選擇Createclass/functioncomponent-WebStorm，制作相關的代碼結構。
3、Markdown編輯和預覽改進。
Mermaid.js支持、重新格式化.md文件的功能和編輯器一起自動滾動預覽窗的功能-這些和其他變更顯著改善在WebStorm中使用Markdown文件的體驗。
4、對復雜網頁設置的基本支持。
我們已經開始增加對多個網頁布局的支持。轉到Preferences/Settings|Languages&Frameworks|JavaScript|Webpack選擇手動或自動檢測配置文件。
5、Vue.js的增強。
我們修復了Vue3相關的許多問題。比如WebStorm現在支持腳本設置語法。我們還使IDE在Vue項目中應用了ESLint代碼樣式規則，改進了與TypeScript語言服務的整合。
6.全面支持pnpm。
目前，網絡Storm全面支持pnpm程序包管理器和npm和yarn。在過去的一年里，我們逐漸實現了pnpm支持的改進。在v2020.3中，我們已經完成了收尾工作。
【JavaScript和TypeScript】
1、整合了TypeScript和Problems工具窗口。
我們將TypeScript語言服務整合到Problems工具窗口，并刪除TypeScript工具窗口。在進行變更后，用戶可以更輕松地在一個位置檢查代碼中的問題。我們還將以前可用于TypeScript工具窗口的操作移動到狀態欄的專用微型零件中。
2.使用CSS和HTML更好地格式化模板文本。
從v2020.3開始，WebStorm正確支持包括JavaScript的多行CSS和HTML塊的代碼格式化。當您添加這些更復雜的模板文本或重新格式代碼時，IDE將正確縮小。
3.改善了調整體驗。
調試時使用互動提示和內鏈監控！現在可以點擊提示查看屬于變量的所有字段。另外，可以直接從提示中改變量值，追加監視表現式。
【道具】
1、支持我們的合作開發工具。
WebStorm2020.3支持CodeWithMe(EAP)，是合作開發和結對編程的新工具。利用這個工具，可以和別人分享項目，實時協助處理。試用CodeWithMe，請從Preferences/Settings|Plugins中安裝相應的插件。
2.網絡Storm基礎知識的內置訓練課程。
為了幫助你熟悉WebStorm的重要功能，我們開發了一門互動培訓課程。這門課程可以幫助你學習完成一些常見的任務，比如重建代碼或者在項目中導航。在Welcome屏幕上的LearnWebStorm選項卡下，也可以從主菜單轉到Help|IDEFeaturesTrainer找到這個課程。
3、HTTP客戶端的cURL轉換。
現在，在HTTP請求編輯器中按Alt+Enter選擇ConvertocURLandcopytoclipboard選項，將HTTP請求導出到curl。
4、更好的拼寫和語法檢測。
現在可以更快地解決語法和拼寫問題。把鼠標懸掛在問題上，然后出現包括說明和建議在內的彈出窗口。我們還增加了對更多語言的支持，提高了語法檢測的質量。
【版本控制】
1.支持Git暫存區域。
現在可以直接從WebStorm暫存文件！因此，請轉移到Preferences/Settings|VersionControl|Git，選擇Enablestagingarea選項。從Commit工具窗口，可以使用間隔和ShowDiff功能進行暫時變更。
2、重新排列VCS菜單。
目前，主菜單下的VCS群根據您所使用的版本控制系統來命名。我們還重新排列了主菜單中Git下的項目，讓您更容易訪問最常用的操作。
3、改善了分支的使用。
目前，網絡Storm將自動更正新分公司名稱中未接受的符號，并顯示當前可用于所選分公司的所有操作，如其他分公司。
【導航】
1、更有用的導航欄。
導航欄可以快速替代Project視圖，可以輕松瀏覽項目的結構，打開特定的文件。在v2020.3中，也可以跳轉到JavaScript和TypeScript文件中的特定代碼要素。
2.快速文件預覽。
可以在Project視圖中選擇文檔，最終在編輯器中預覽這些文檔。要打開這個功能，請點擊Project視圖中的齒輪圖標，選擇EnablePreviewTab和OpenFileswithSi。

WebStorm如何設置為中文？
 

WebStorm的初始界面都為英文想必大家都知道，而這款2020.3版本與之前設置中文的方法是一樣的，為了便于不懂的朋友更好設置，下面為大家帶來切換為中文顯示的方法，一起來看看吧

載入程序之后頁面是為英文，新版本可以直接點擊“Plugins”，在界面框中輸入“Chinese”回車搜索，可見會出現一個中文插件，點擊“Install”安裝插件；

等待插件成功下載后點擊右邊的“RESTART IDEA”

軟件就會自動重啟，重新啟動之后打開就可以顯示中文語言了

更新日志

新增支持Meteor，集成PhoneGap、Cordova等移動開發框架功能，WebStorm 最大的特點是支持一系列最新的技術，比如HTML5，CSS3, Node.js, AngularJS, Dart, CoffeeScript, TypeScript, LESS, Sass, Stylus, Karma, Mocha, Emmet, RequireJS等等。