MacWebStorm for Mac 是 JetBrains 出品的一款強(qiáng)大的Web前端開發(fā)工具，WebStorm 最大的特點(diǎn)是支持一系列最新的技術(shù)，最新中文版被稱為最好用的Web前端開發(fā)神器。WebStorm 新版對(duì)JavaScript，TypeScript和CSS支持更好，改進(jìn)了Vue.js的體驗(yàn)，并為Jest集成增加了新功能?？芍^前端開發(fā)的”神器”, 非常的強(qiáng)大！

https://www.macz.com/mac/2245.html?id=MTA4Mjk5OSZfJjI3LjE4Ni4xMjUuNDk%3D

WebStorm2021 mac功能介紹

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

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

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)。
改進(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ò)誤。
React鉤子的提取方法
該提取方法重構(gòu)現(xiàn)在與當(dāng)?shù)氐墓δ芎褪褂媒鈽?gòu)的返回值，使得它非常適合提取自定義作出反應(yīng)掛鉤。
改進(jìn)了道具的完成
WebStorm現(xiàn)在為使用擴(kuò)展運(yùn)算符合并的React props提供了更好的代碼完成。

更新文檔
CSS屬性和HTML標(biāo)記及屬性的文檔（F1）現(xiàn)在顯示有關(guān)MDN的瀏覽器支持的最新描述和信息，以及指向完整MDN文章的鏈接。
CSS的瀏覽器兼容性檢查
要檢查目標(biāo)瀏覽器版本是否支持您使用的所有CSS屬性，可以在首選項(xiàng)中啟用新的 瀏覽器兼容性檢查。
對(duì)CSS模塊的Camel案例支持
如果在項(xiàng)目中使用CSS模塊，JavaScript文件中的類的代碼完成現(xiàn)在將建議帶有破折號(hào)的類名的駝峰版本。
提取CSS變量
使用新的Extract CSS變量重構(gòu)，您可以使用語(yǔ)法將當(dāng)前.css文件中值的所有用法替換 為變量var(--var-name)。
突出顯示測(cè)試中的失敗行
當(dāng)您使用Jest，Karma，Mocha或Protractor運(yùn)行測(cè)試并且某些測(cè)試失敗時(shí)，您現(xiàn)在可以在編輯器中看到問(wèn)題發(fā)生的位置。IDE將使用堆棧跟蹤中的信息并突出顯示失敗的代碼。在懸停時(shí)，您將看到來(lái)自測(cè)試運(yùn)行器的錯(cuò)誤消息，您可以立即開始調(diào)試測(cè)試。
使用Cucumber和TypeScript進(jìn)行測(cè)試
使用Cucumber和TypeScript？現(xiàn)在，您可以跳到從步驟.feature文件 到它們的定義中 的.ts文件中使用速戰(zhàn)速?zèng)Q（和產(chǎn)生缺定義Alt-Enter組合）。
新的調(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ò)濾掉任何類型的日志消息。
完成npm腳本
將新腳本添加到package.json文件時(shí)，WebStorm現(xiàn)在會(huì)為已安裝的軟件包提供的可用命令提供建議。鍵入后 node，IDE將建議文件夾和文件名。輸入后npm run，您將看到當(dāng)前文件中定義的任務(wù)列表。
改進(jìn)了對(duì)短絨的支持
WebStorm現(xiàn)在可以 在一個(gè)項(xiàng)目中為ESLint和TSLint運(yùn)行多個(gè)進(jìn)程，以確保它們?cè)趩蝹€(gè)項(xiàng)目和具有多個(gè)linter配置的項(xiàng)目中正常工作 。
支持Docker Compose
如果使用Docker測(cè)試Node.js應(yīng)用程序，現(xiàn)在可以使用Docker Compose文件中描述的配置從IDE 輕松運(yùn)行和調(diào)試應(yīng)用程序。
依賴項(xiàng)的版本范圍工具提示
在的package.json，按命令/ Ctrl鍵和版本懸停的依賴關(guān)系，看看運(yùn)行的時(shí)候可以安裝什么版本范圍 npm install或yarn install。

新的UI主題
您現(xiàn)在可以在WebStorm中使用新的豐富多彩的UI主題作為插件。選擇 深紫色，灰色和 青色光主題，或創(chuàng)建自己的主題 。
最近的位置彈出
在最近的位置彈出（Cmd的移-E / 按Ctrl + Shift + E）是一種新的方式 瀏覽各地的項(xiàng)目。它顯示了最近在編輯器中打開的所有文件和代碼行的列表。您可以開始鍵入以過(guò)濾結(jié)果并跳轉(zhuǎn)到您需要的代碼。
將項(xiàng)目另存為模板
通過(guò)“ 工具”菜單中的新操作“ 另存為模板 ” ，您現(xiàn)在可以使用項(xiàng)目作為在IDE歡迎屏幕上創(chuàng)建新項(xiàng)目的基礎(chǔ)。
所選文件類型的軟包裝
您現(xiàn)在可以在編輯器中為特定文件類型啟用軟包裝。為此，請(qǐng)打開“首選項(xiàng)/設(shè)置”| 編輯| 常規(guī)并在軟包裝文件字段中指定文件類型。