webstorm是今年全新推出的編程工具，讓眾多用戶都感受到了強(qiáng)大的智能開源環(huán)境，更有部分功能提升的工作效果，帶給用戶完美的使用體驗(yàn)，有需要的用戶可以來(lái)極光下載站體驗(yàn)使用！

webstorm簡(jiǎn)介

新版本webstorm 2019.1為javascript和typescript帶來(lái)了新的智能意圖，改進(jìn)了對(duì)angular的支持，更新了css和html文檔，更強(qiáng)大的調(diào)試控制臺(tái)等等，其中對(duì)于angular的支持，webstorm添加了17項(xiàng)新檢查，可以幫助程序員在鍵入時(shí)檢測(cè)應(yīng)用程序中的angular特定錯(cuò)誤，并建議快速修復(fù)。而改進(jìn)的交互式調(diào)試器現(xiàn)在使用樹視圖顯示對(duì)象，支持使用css設(shè)置日志消息樣式并使用。當(dāng)然webstorm 2019.1同樣增加了新的ui主題，用戶現(xiàn)在可以選擇深紫色，灰色和青色光主題，還可以自行創(chuàng)建主題。

新功能

【ide】

1.將項(xiàng)目另存為模板

通過(guò)“ 工具”菜單中的新操作“ 另存為模板 ” ，您現(xiàn)在可以使用項(xiàng)目作為在ide歡迎屏幕上創(chuàng)建新項(xiàng)目的基礎(chǔ)

2.新的ui主題

您現(xiàn)在可以在webstorm中使用新的豐富多彩的ui主題作為插件。選擇 深紫色，灰色和 青色光主題，或創(chuàng)建自己的主題 

3.所選文件類型的軟包裝

您現(xiàn)在可以在編輯器中為特定文件類型啟用軟包裝。為此，請(qǐng)打開“首選項(xiàng)/設(shè)置”| 編輯| 常規(guī)并在軟包裝文件字段中指定文件類型

4.最近的位置彈出

在最近的位置彈出（cmd的移-e / 按ctrl + shift + e）是一種新的方式 瀏覽各地的項(xiàng)目。它顯示了最近在編輯器中打開的所有文件和代碼行的列表。您可以開始鍵入以過(guò)濾結(jié)果并跳轉(zhuǎn)到您需要的代碼

【javascript和typescript】

1.使用javascript解構(gòu)

通過(guò)解構(gòu)，您可以使用非常簡(jiǎn)潔的語(yǔ)法將數(shù)組和對(duì)象中的值解壓縮到變量中。webstorm的新重構(gòu)和意圖（alt-enter）可以幫助您輕松地將解構(gòu)引入 javascript或typescript代碼。

2.使用promise將函數(shù)轉(zhuǎn)換為async / await

您可以自動(dòng)更改返回promise的函數(shù)，.then()并 .catch()調(diào)用使用async / await語(yǔ)法的異步函數(shù)。只需在功能名稱上按alt-enter，然后選擇轉(zhuǎn)換為異步功能。這不僅可以在typescript文件中實(shí)現(xiàn)，還可以在javascript和flow中實(shí)現(xiàn)。

【工具】

1.支持docker compose

如果使用docker測(cè)試node.js應(yīng)用程序，現(xiàn)在可以使用docker compose文件中描述的配置從ide 輕松運(yùn)行和調(diào)試應(yīng)用程序。

2.依賴項(xiàng)的版本范圍工具提示

在的package.json，按命令/ ctrl鍵和版本懸停的依賴關(guān)系，看看運(yùn)行的時(shí)候可以安裝什么版本范圍 npm install或yarn install。

3.改進(jìn)了對(duì)短絨的支持

webstorm現(xiàn)在可以 在一個(gè)項(xiàng)目中為eslint和tslint運(yùn)行多個(gè)進(jìn)程，以確保它們?cè)趩蝹€(gè)項(xiàng)目和具有多個(gè)linter配置的項(xiàng)目中正常工作 。

4.完成npm腳本

將新腳本添加到package.json文件時(shí)，webstorm現(xiàn)在會(huì)為已安裝的軟件包提供的可用命令提供建議。鍵入后 node，ide將建議文件夾和文件名。輸入后npm run，您將看到當(dāng)前文件中定義的任務(wù)列表。

5.新的調(diào)試器控制臺(tái)

在javascript和node.js調(diào)試工具窗口中使用新的，改進(jìn)的交互式調(diào)試器控制臺(tái)！它現(xiàn)在使用樹視圖顯示對(duì)象，它支持使用css設(shè)置日志消息樣式并使用console.group()和 對(duì)它們進(jìn)行分組console.groupend()。您還可以過(guò)濾掉任何類型的日志消息。

【html和樣式表】

1.css的瀏覽器兼容性檢查

要檢查目標(biāo)瀏覽器版本是否支持您使用的所有css屬性，可以在首選項(xiàng)中啟用新的 瀏覽器兼容性檢查。

2.對(duì)css模塊的camel案例支持

如果在項(xiàng)目中使用css模塊，javascript文件中的類的代碼完成現(xiàn)在將建議帶有破折號(hào)的類名的駝峰版本。

3.提取css變量

使用新的extract css變量重構(gòu)，您可以使用語(yǔ)法將當(dāng)前.css文件中值的所有用法替換 為變量var(--var-name)。

4.更新文檔

css屬性和html標(biāo)記及屬性的文檔（f1）現(xiàn)在顯示有關(guān)mdn的瀏覽器支持的最新描述和信息，以及指向完整mdn文章的鏈接。

【測(cè)試】

1.使用cucumber和typescript進(jìn)行測(cè)試

使用cucumber和typescript？現(xiàn)在，您可以跳到從步驟.feature文件 到它們的定義中 的.ts文件中使用速戰(zhàn)速?zèng)Q（和產(chǎn)生缺定義alt-enter組合）。

2.突出顯示測(cè)試中的失敗行

當(dāng)您使用jest，karma，mocha或protractor運(yùn)行測(cè)試并且某些測(cè)試失敗時(shí)，您現(xiàn)在可以在編輯器中看到問題發(fā)生的位置。ide將使用堆棧跟蹤中的信息并突出顯示失敗的代碼。在懸停時(shí)，您將看到來(lái)自測(cè)試運(yùn)行器的錯(cuò)誤消息，您可以立即開始調(diào)試測(cè)試。

【構(gòu)架】

1.改進(jìn)了道具的完成

webstorm現(xiàn)在為使用擴(kuò)展運(yùn)算符合并的react props提供了更好的代碼完成。

2.react鉤子的提取方法

該提取方法重構(gòu)現(xiàn)在與當(dāng)?shù)氐墓δ芎褪褂媒鈽?gòu)的返回值，使得它非常適合提取自定義作出反應(yīng)掛鉤。

3.對(duì)angular應(yīng)用程序的新檢查

對(duì)于angular應(yīng)用程序，webstorm添加了17項(xiàng)新檢查，可幫助您在鍵入時(shí)檢測(cè)應(yīng)用程序中的angular特定錯(cuò)誤，并建議快速修復(fù)。這些檢查在typescript和模板文件中都有效，并檢查綁定，指令，組件和許多其他內(nèi)容的使用。

4.angular項(xiàng)目中的導(dǎo)航更容易

在angular應(yīng)用程序中，您現(xiàn)在可以使用相關(guān)符號(hào)...彈出窗口（ctrl-cmd-up / ctrl + alt + home）在不同的組件文件（如typescript，模板，樣式和測(cè)試文件）之間快速切換。在typescript文件中，彈出窗口還將列出導(dǎo)入此文件的所有符號(hào)。

5.改進(jìn)了對(duì)vue應(yīng)用程序中typescript的支持

webstorm現(xiàn)在使用typescript語(yǔ)言服務(wù)以及對(duì).vue文件中任何typescript代碼的自己的typescript支持。這意味著您現(xiàn)在可以獲得更準(zhǔn)確的類型檢查和類型信息，您將能夠使用服務(wù)提供的快速修復(fù)程序，并在typescript工具窗口中查看當(dāng)前文件中的所有typescript錯(cuò)誤。

webstorm安裝教程

下面極光小編為用戶整理webstorm激活教程，希望會(huì)有所幫助！

1.先下載安裝jetbrains webstorm 2019，安裝完成先不要運(yùn)行

2.接下來(lái)對(duì)軟件進(jìn)行注冊(cè)破解，首先以記事本的方式打開hosts文件，將代碼添加至hosts文件屏蔽網(wǎng)絡(luò)聯(lián)網(wǎng)；

hosts文件默認(rèn)目錄【c:windowssystem32driversetc】

0.0.0.0 account.jetbrains.com

0.0.0.0 www.jetbrains.com

3.再運(yùn)行桌面上生成的webstorm 2019.1軟件圖標(biāo)，選擇do not import settings點(diǎn)擊ok，再選&skip...&跳過(guò)；

4.彈出注冊(cè)界面，選擇&activation code&輸入注冊(cè)碼即可激活。

webstorm 2019激活碼如下，請(qǐng)復(fù)制粘貼即可：

5.至此webstorm 2019.1破解版成功激活，但還是英文界面；

6.如果想漢化成中文，可以將軟件包中漢化文件resources_cn.jar復(fù)制替換。

打開安裝目錄下的“l(fā)ib”文件夾，將原來(lái)的resources_en.jar英文版文件刪除或重命名，再將webstorm 2019漢化包“resources_cn.jar”復(fù)制入內(nèi)即可，默認(rèn)安裝路徑【c:program filesjetbrainswebstorm 2019.1lib】resources_en.jar重命名是為了返回英文界面，因?yàn)橛杏脩粽f(shuō)漢化不是很全面，但99%漢化好了。

7.再次打開軟件已經(jīng)成功激活，所有功能都可以免費(fèi)使用。