webstorm2019中文修改版為你提供最新版本的前端開發(fā)軟件，無論你是整體開發(fā)，還是分布式開發(fā)都是非常方便的。而且webstorm還能與你的github賬號相互聯(lián)動，兼容各種三大前端框架。如果你想下載最新的修改版客戶端歡迎來體驗！

簡介：

webstorm是jetbrains公司旗下一款javascript 開發(fā)工具。目前已經(jīng)被廣大中國js開發(fā)者譽為“web前端開發(fā)神器”、“最強大的html5編輯器”、“最智能的javascript ide”等。與intellij idea同源，繼承了intellij idea強大的js部分的功能。webstorm 2019為javascript和typescript帶來了新的智能意圖，改進(jìn)了對angular的支持，更新了css和html文檔，更強大的調(diào)試控制臺等等！

webstorm2019修改版特點：

1、智能的代碼補全

支持不同瀏覽器的提示，還包括所有用戶自定義的函數(shù)(項目中)

代碼補全包含了所有流行的庫，比如：jquery, yui, dojo, prototype, mootools and bindows。

2、代碼格式化

代碼不僅可以格式化，而且所有規(guī)則都可以自己來定義

3、代碼調(diào)試

支持代碼調(diào)試，界面和idea相似，非常方便。

4、代碼結(jié)構(gòu)瀏覽

可以快速瀏覽和定位

5、代碼折疊

功能雖小，不過勝在方便高效

6、包裹或者去掉外圍代碼

自動提示包裹或者去掉外圍代碼，一鍵搞定

7、html提示

大家經(jīng)常在js代碼中編寫html代碼，一般來說十分痛苦，不過有了智能提示，就爽多了。而且html里面還能有js提示。

8、聯(lián)想查詢

只需要按著ctrl鍵點擊函數(shù)或者變量等，就能直接跳轉(zhuǎn)到定義；可以全

9、代碼導(dǎo)航和用法查詢

項目查找函數(shù)或者變量，還可以查找使用并高亮。

10、代碼重構(gòu)

這個操作有些像resharper，熟悉resharper的用戶應(yīng)該上手很快，支持的有重命名、提取變量/函數(shù)、內(nèi)聯(lián)變量/函數(shù)、移動/復(fù)制、安全刪除等等。

11、代碼檢查和快速修復(fù)

可以快速找到代碼中的錯誤或者需要優(yōu)化的地方，并給出修改意見，快速修復(fù)。

webstorm2019新功能：

一、javascript和typescript

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

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

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

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

二、框架

1、對angular應(yīng)用程序的新檢查

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

2、angular項目中的導(dǎo)航更容易

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

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

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

4、react鉤子的提取方法

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

5、改進(jìn)了道具的完成

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

三、html和樣式表

1、更新文檔

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

2、css的瀏覽器兼容性檢查

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

3、對css模塊的camel案例支持

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

4、提取css變量

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

四、測試

1、突出顯示測試中的失敗行

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

2、使用cucumber和typescript進(jìn)行測試

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

五、工具

1、新的調(diào)試器控制臺

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

2、完成npm腳本

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

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

webstorm現(xiàn)在可以 在一個項目中為eslint和tslint運行多個進(jìn)程，以確保它們在單個項目和具有多個linter配置的項目中正常工作 。

4、支持docker compose

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

5、依賴項的版本范圍工具提示

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

六、ide

1、新的ui主題

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

2、最近的位置彈出

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

3、將項目另存為模板

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

4、所選文件類型的軟包裝

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