軟件介紹

WebStorm 2019中文版是一款由jetbrains公司推出的JavaScript開發(fā)東西，全稱為JetBrains WebStorm 2019。比較平常的版別，它首要增強(qiáng)了JavaScript和TypeScript代碼完結(jié)功用，改善了對(duì)Vue.js的支撐，以及支撐20多種言語的語法杰出顯現(xiàn)和全新的解構(gòu)目的等等。這些功用能夠協(xié)助用戶在編寫代碼時(shí)省時(shí)省力，進(jìn)步作業(yè)效率。

WebStorm 2019中文版承繼了IntelliJ IDEA強(qiáng)壯的JS部分功用，現(xiàn)在新版別還完結(jié)彈出窗口的新UI，并將動(dòng)態(tài)用法組合在一起，改善了重命名重構(gòu)。因?yàn)槠鋸?qiáng)壯的功用和易用性，該軟件現(xiàn)已被廣泛用于Web運(yùn)用開發(fā)。

WebStorm 2019裝置教程

1、鼠標(biāo)右擊【W(wǎng)ebStorm-2019.3.3】壓縮包挑選【解壓到WebStorm-2019.3.3】。

2、雙擊翻開解壓后的【W(wǎng)ebStorm-2019.3.3】文件夾。

3、鼠標(biāo)右擊【W(wǎng)ebStorm-2019.3.3.exe】挑選【以管理員身份運(yùn)轉(zhuǎn)】。

4、點(diǎn)擊【Next】。

5、點(diǎn)擊【Browse】更改軟件的裝置目錄，主張裝置在除C盤之外的其它磁盤，能夠在D盤或其它盤新建一個(gè)【W(wǎng)ebStorm 2019.3.3】文件夾，然后點(diǎn)擊【Next】。

6、勾選【64-bit launcher】、【Add launchers dir to the PATH】和【Add "Open Folder as Project"】然后點(diǎn)擊【Next】。

7、點(diǎn)擊【Install】。

8、裝置中。

9、點(diǎn)擊【Finish】。

軟件功用

一、javascript和typescript

1、運(yùn)用javascript解構(gòu)

經(jīng)過解構(gòu)，您能夠運(yùn)用十分簡(jiǎn)練的語法將數(shù)組和方針中的值解壓縮到變量中。webstorm的新重構(gòu)和目的（alt-enter）能夠協(xié)助您輕松地將解構(gòu)引進(jìn)javascript或typescript代碼。

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

您能夠主動(dòng)更改回來promise的函數(shù)，.then()并 .catch()調(diào)用運(yùn)用async / await語法的異步函數(shù)。只需在功用稱號(hào)上按alt-enter，然后挑選轉(zhuǎn)換為異步功用。這不僅能夠在typescript文件中完結(jié)，還能夠在javascript和flow中完結(jié)。

二、結(jié)構(gòu)

1、對(duì)angular運(yùn)用程序的新查看

關(guān)于angular運(yùn)用程序，webstorm添加了17項(xiàng)新查看，可協(xié)助您在鍵入時(shí)檢測(cè)運(yùn)用程序中的angular特定過錯(cuò)，并主張快速修正。這些查看在typescript和模板文件中都有用，并查看綁定，指令，組件和許多其他內(nèi)容的運(yùn)用。

2、angular項(xiàng)目中的導(dǎo)航更簡(jiǎn)單

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

軟件現(xiàn)在運(yùn)用typescript言語服務(wù)以及對(duì).vue文件中任何typescript代碼的自己的typescript支撐。這意味著您現(xiàn)在能夠獲得更精確的類型查看和類型信息，您將能夠運(yùn)用服務(wù)供給的快速修正程序，并在typescript東西窗口中查看當(dāng)時(shí)文件中的一切typescript過錯(cuò)。

4、react鉤子的提取辦法

該提取辦法重構(gòu)現(xiàn)在與當(dāng)?shù)氐墓τ煤瓦\(yùn)用解構(gòu)的回來值，使得它十分合適提取自界說作出反應(yīng)掛鉤。

5、改善了道具的完結(jié)

軟件現(xiàn)在為運(yùn)用擴(kuò)展運(yùn)算符兼并的react props供給了更好的代碼完結(jié)。

三、html和款式表

1、更新文檔

css特點(diǎn)和html符號(hào)及特點(diǎn)的文檔（f1）現(xiàn)在顯現(xiàn)有關(guān)mdn的閱讀器支撐的最新描繪和信息，以及指向完好mdn文章的鏈接。

2、css的閱讀器兼容性查看

要查看方針閱讀器版別是否支撐您運(yùn)用的一切css特點(diǎn)，能夠在首選項(xiàng)中啟用新的 閱讀器兼容性查看。

3、對(duì)css模塊的camel事例支撐

假如在項(xiàng)目中運(yùn)用css模塊，javascript文件中的類的代碼完結(jié)現(xiàn)在將主張帶有破折號(hào)的類名的駝峰版別。

4、提取css變量

運(yùn)用新的extract css變量重構(gòu)，您能夠運(yùn)用語法將當(dāng)時(shí).css文件中值的一切用法替換 為變量var(--var-name)。

四、測(cè)驗(yàn)

1、杰出顯現(xiàn)測(cè)驗(yàn)中的失利行

當(dāng)您運(yùn)用jest，karma，mocha或protractor運(yùn)轉(zhuǎn)測(cè)驗(yàn)而且某些測(cè)驗(yàn)失利時(shí)，您現(xiàn)在能夠在修改器中看到問題發(fā)生的方位。ide將運(yùn)用倉庫盯梢中的信息并杰出顯現(xiàn)失利的代碼。在懸停時(shí)，您將看到來自測(cè)驗(yàn)運(yùn)轉(zhuǎn)器的過錯(cuò)音訊，您能夠當(dāng)即開端調(diào)試測(cè)驗(yàn)。

2、運(yùn)用cucumber和typescript進(jìn)行測(cè)驗(yàn)

運(yùn)用cucumber和typescript？現(xiàn)在，您能夠跳到從過程.feature文件 到它們的界說中 的.ts文件中運(yùn)用兵貴神速（和發(fā)生缺界說alt-enter組合）。

五、東西

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

在javascript和node.js調(diào)試東西窗口中運(yùn)用新的，改善的交互式調(diào)試器控制臺(tái)！它現(xiàn)在運(yùn)用樹視圖顯現(xiàn)方針，它支撐運(yùn)用css設(shè)置日志音訊款式并運(yùn)用console.group()和 對(duì)它們進(jìn)行分組console.groupend()。您還能夠過濾掉任何類型的日志音訊。

2、完結(jié)npm腳本

將新腳本添加到package.json文件時(shí)，webstorm現(xiàn)在會(huì)為已裝置的軟件包供給的可用指令供給主張。鍵入后 node，ide將主張文件夾和文件名。輸入后npm run，您將看到當(dāng)時(shí)文件中界說的使命列表。

3、改善了對(duì)短絨的支撐

軟件現(xiàn)在能夠 在一個(gè)項(xiàng)目中為eslint和tslint運(yùn)轉(zhuǎn)多個(gè)進(jìn)程，以保證它們?cè)趩蝹€(gè)項(xiàng)目和具有多個(gè)linter裝備的項(xiàng)目中正常作業(yè) 。

4、支撐docker compose

假如運(yùn)用docker測(cè)驗(yàn)node.js運(yùn)用程序，現(xiàn)在能夠運(yùn)用docker compose文件中描繪的裝備從ide 輕松運(yùn)轉(zhuǎn)和調(diào)試運(yùn)用程序。

5、依靠項(xiàng)的版別規(guī)模東西提示

在的package.json，按指令/ ctrl鍵和版別懸停的依靠聯(lián)系，看看運(yùn)轉(zhuǎn)的時(shí)分能夠裝置什么版別規(guī)模 npm install或yarn install。

六、ide

1、新的ui主題

您現(xiàn)在能夠在webstorm中運(yùn)用新的五光十色的ui主題作為插件。挑選 深紫色，灰色和 青色光主題，或創(chuàng)立自己的主題 。

2、最近的方位彈出

在最近的方位彈出（cmd的移-e / 按ctrl + shift + e）是一種新的方法 閱讀各地的項(xiàng)目。它顯現(xiàn)了最近在修改器中翻開的一切文件和代碼行的列表。您能夠開端鍵入以過濾成果并跳轉(zhuǎn)到您需求的代碼。

3、將項(xiàng)目另存為模板

經(jīng)過“ 東西”菜單中的新操作“ 另存為模板 ” ，您現(xiàn)在能夠運(yùn)用項(xiàng)目作為在ide歡迎屏幕上創(chuàng)立新項(xiàng)目的根底。

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

您現(xiàn)在能夠在修改器中為特定文件類型啟用軟包裝。為此，請(qǐng)翻開“首選項(xiàng)/設(shè)置”| 修改| 慣例并在軟包裝文件字段中指定文件類型。