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

WebStorm2020功能介紹

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

WebStorm如何設(shè)置為中文？
 

WebStorm的初始界面都為英文想必大家都知道，而這款2020.3版本與之前設(shè)置中文的方法是一樣的，為了便于不懂的朋友更好設(shè)置，下面為大家?guī)砬袚Q為中文顯示的方法，一起來看看吧

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

等待插件成功下載后點(diǎn)擊右邊的“RESTART IDEA”

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

更新日志

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