WebStorm是一款深受廣大程序員喜愛(ài)的JavaScript 開發(fā)和Web前端開發(fā)工具，完美適應(yīng)各種復(fù)雜客戶端開發(fā)和Node.js的服務(wù)器端開發(fā)。WebStorm 2020.1帶有更優(yōu)美的外觀，對(duì)Vuex和Vue Composition API的支持，用于在保存時(shí)運(yùn)行Prettier的選項(xiàng)以及對(duì)JavaScript和TypeScript的一些改進(jìn)。

點(diǎn)擊下載WebStorm最新版本2020.1

（一）：外觀

新的默認(rèn)編輯器字體

在過(guò)去的一年中，我們一直在開發(fā)一種字體，該字體可以使您更舒適地編碼，而不會(huì)過(guò)多地疲勞您的眼睛。請(qǐng)歡迎JetBrains Mono，這是一種專門為編碼而設(shè)計(jì)的新開源字體！WebStorm 2020.1隨附此默認(rèn)選擇的新字體。

零干擾編碼

我們添加了新的Zen 查看模式，以幫助您完全專注于代碼。每當(dāng)您要在全屏編輯器中工作（源代碼居中且UI元素隱藏）以最小化干擾時(shí)，都可以使用它。

顯示懸停文檔

您不必再顯式調(diào)用“ 文檔”彈出窗口。現(xiàn)在，當(dāng)您將鼠標(biāo)懸停在符號(hào)上時(shí)，它就會(huì)顯示出來(lái)，因此您可以更快地找到相關(guān)文檔。如果您的代碼有問(wèn)題，則彈出窗口還將提供可用于解決該問(wèn)題的快速修復(fù)。

使用IDE進(jìn)行快速編輯

是否曾經(jīng)想使用IDE來(lái)快速編輯文件？使用新的LightEdit 模式，您可以在文本編輯器窗口中打開單個(gè)文件，而不必加載整個(gè)項(xiàng)目。

自定義狀態(tài)欄

如果您沒(méi)有隱藏狀態(tài)欄并經(jīng)常使用它，則現(xiàn)在可以決定要在其上看到的內(nèi)容。右鍵單擊狀態(tài)欄，然后刪除不需要的元素。

（二）：構(gòu)架

使用Composition API

 在WebStorm 2020.1中，您會(huì)發(fā)現(xiàn)對(duì)使用Vue 3中的Composition API定義的組件的支持。在組件的模板部分，IDE將正確解析和自動(dòng)完成從setup()組件功能返回的符號(hào)，包括反應(yīng)式中的屬性。狀態(tài)，計(jì)算的屬性和參考。

Vuex的編碼協(xié)助

如果您正在使用Vuex庫(kù)，則現(xiàn)在在編輯Vue組件時(shí)會(huì)從Vuex存儲(chǔ)中獲得符號(hào)的完成建議。另外，WebStorm將使您跳到吸氣劑，突變和動(dòng)作的定義。

全面支持Angular 9

為了幫助您使用Ivy和其他Angular 9功能，我們?cè)赪ebStorm 2020.1中添加了對(duì)它們的完全支持。您無(wú)需配置即可在TypeScript和模板文件中使用代碼完成和自動(dòng)導(dǎo)入等功能。

改進(jìn)的React支持

通過(guò)將插入符號(hào)放在組件上并按，可以為定義的組件 添加導(dǎo)入語(yǔ)句。而且，如果您在項(xiàng)目中使用Material-UI組件，那么現(xiàn)在在創(chuàng)建樣式時(shí)會(huì)看到完成建議。

（三）：JavaScript和TypeScript

新的智能意圖和檢查

使用新的智能意圖和檢查（Alt+Enter）可以節(jié)省編碼時(shí)的時(shí)間！例如，快速將現(xiàn)有代碼轉(zhuǎn)換為可選的鏈接和/或無(wú)效合并（最新版本的JavaScript和TypeScript中引入的語(yǔ)法）。

更有用的快速文檔

對(duì)于JavaScript和TypeScript，“ 文檔”彈出窗口現(xiàn)在顯示更多有用的信息，包括有關(guān)符號(hào)類型和可見性以及該符號(hào)定義位置的詳細(xì)信息。

通過(guò)更新的Introduce字段重構(gòu)，您可以在正在使用的代碼的上下文中查看更改的預(yù)覽。另外，現(xiàn)在只需較少的點(diǎn)擊即可應(yīng)用重構(gòu)。

支持TypeScript 3.8功能

WebStorm 2020.1捆綁了TypeScript 3.8，并引入了對(duì)TypeScript 3.8新功能的完全支持，例如僅類型導(dǎo)入/導(dǎo)出，私有字段和頂級(jí)await。

（四）：工具類

保存時(shí)運(yùn)行更漂亮

使用新的“在文件上保存時(shí)運(yùn)行”選項(xiàng)，WebStorm將在您保存 IDE設(shè)置時(shí)將Prettier格式應(yīng)用于在IDE設(shè)置中指定并在項(xiàng)目中編輯的所有文件。不再需要文件監(jiān)視程序或第三方插件。

并排顯示終端會(huì)話

為了簡(jiǎn)化使用內(nèi)置終端仿真器的工作，WebStorm現(xiàn)在允許您 垂直和水平拆分終端會(huì)話。密切關(guān)注當(dāng)前使用的幾種工具的輸出，而無(wú)需在選項(xiàng)卡之間切換。

捆綁式拼寫檢查器

更靈活的運(yùn)行配置共享

有需要與您的項(xiàng)目一起工作的隊(duì)友嗎？與他們共享您的運(yùn)行配置。WebStorm 2020.1賦予您更多的自由，因?yàn)槟F(xiàn)在可以將運(yùn)行配置存儲(chǔ)在您選擇的任何項(xiàng)目文件夾中。

在TypeScript項(xiàng)目中使用Yarn 2

我們已經(jīng)擴(kuò)展了最初的Yarn 2支持，該支持在WebStorm 2019.3中引入。現(xiàn)在，當(dāng)使用Yarn 2和Plug'n'Play模式安裝依賴項(xiàng)時(shí)，所有符號(hào)都可以正確解析，并且可以在TypeScript項(xiàng)目中自動(dòng)完成。

（五）：版本控制

重做對(duì)話框以重新提交

是否想使提交歷史更加線性和可理解？多虧了更新的，更具交互性的“ 重新設(shè)置基準(zhǔn)”對(duì)話框，這變得更加容易。它顯示可以應(yīng)用于每個(gè)提交的操作，并允許您查看提交詳細(xì)信息和差異以及快速重置已應(yīng)用的更改。

更改提交流程

為了簡(jiǎn)化提交流程，我們開發(fā)了一個(gè)新的“ ;提交”工具窗口來(lái)處理所有與提交相關(guān)的任務(wù)。默認(rèn)情況下，所有新用戶都啟用該功能。如果您是現(xiàn)有用戶，并且想嘗試一下，請(qǐng)從“本地更改”中選擇“ 提交”，而不在“首選項(xiàng)/設(shè)置” |“設(shè)置”中顯示對(duì)話框。版本控制| 提交對(duì)話框。

=====================================================

想要購(gòu)買WebStorm正版授權(quán)的朋友可以。

掃描關(guān)注下方微信公眾號(hào)，及時(shí)獲取產(chǎn)品最新消息和最新資訊