WebStorm 2020正式版是一款優秀的Web前端編輯器,WebStorm 2020正式版在html5和JavaScript
方面也很優秀。WebStorm 2020正式版可以說是“Web前端開發神器”、“功能強大的HTML5編輯器”和“最智能的JavaScript
IDE”。軟件支持強大的導航功能,是一款非常適合程序員的Web前端編輯器。
軟件功能
WebStorm 2020官方版本有以下功能:
1.JavaScript和TypeScript。
1.用JavaScript解構:通過解構,可以用非常簡潔的語法將數組和對象中的值解壓成變量。WebStorm新的重構和意圖(Alt-Enter)可以幫助您輕松地將解構引入
JavaScript或TypeScript代碼。
2.使用Promise將函數轉換為異步/等待:您可以自動更改返回Promise的函數。然后是()和
。catch()使用async /
await語法調用異步函數。只需在函數名上按下Alt-Enter鍵,然后選擇轉換為異步函數。這不僅可以在TypeScript文件中實現,也可以在JavaScript和Flow中實現。
二是框架。
1.Angular應用程序的新檢查:webstorm為Angular應用程序添加了17個新檢查,可以幫助您在鍵入時檢測應用程序中特定于Angular的錯誤,并建議快速修復。這些檢查在TypeScript和模板文件中有效,并檢查綁定、指令、組件和許多其他內容的使用。
2.在Angular項目中導航更容易:在Angular應用程序中,您現在可以使用相關的符號...彈出窗口(ctrl-cmd-up/ctrl+
alt+
home)在不同的組件文件(如TypeScript、模板、樣式和測試文件)之間快速切換。在TypeScript文件中,彈出窗口還會列出導入到該文件中的所有符號。
3.改進了對Vue應用程序中的TypeScript的支持:webstorm現在使用TypeScript語言服務和它自己的TypeScript來支持中的任何TypeScript代碼。vue文件。這意味著您現在可以獲得更準確的類型檢查和類型信息,并且您將能夠使用服務提供的快速修復,并在TypeScript工具窗口中查看當前文件中的所有TypeScript錯誤。
4.React hook的提取方法:這種提取方法重構了局部函數,使用了解構后的返回值,非常適合提取定制的響應hook。
5.改進了道具的完成:webstorm現在為與擴展操作符合并的React道具提供了更好的代碼完成。
Iii .HTML和樣式表。
1.更新文檔:CSS屬性和HTML標簽和屬性的文檔(F1)現在顯示了關于MDN瀏覽器支持的最新描述和信息,以及完整MDN文章的鏈接。
2.CSS的瀏覽器兼容性檢查:要檢查目標瀏覽器版本是否支持您使用的所有CSS屬性,您可以在首選項中啟用新的瀏覽器兼容性檢查。
3.對CSS模塊的Camel case支持:如果項目中使用CSS模塊,那么當JavaScript文件中類的代碼完成后,現在會建議使用帶有dash的駝峰版本的類名。
4.Extract css變量:使用新的Extract CSS變量進行重構,可以使用語法替換當前中值的所有用法。變量為var (-var( - var-name)
的CSS文件。
四.測試。
1.突出顯示測試中失敗的那一行:當您用Jest、Karma、Mocha或prototype運行測試,并且一些測試失敗時,您現在可以在編輯器中看到問題發生在哪里。集成開發環境使用堆棧跟蹤中的信息并突出顯示失敗的代碼。懸停時,您將看到來自測試運行程序的錯誤消息,您可以立即開始調試測試。
2.用黃瓜和打字稿測試:用黃瓜和打字稿?現在,你可以從臺階上跳下來。功能文件
到。ts文件在其定義中使用快速修復(并生成默認定義Alt-Enter組合)。
軟件特色
工具
1.新的調試器控制臺:在JavaScript和Node.js調試工具窗口中使用新的和改進的交互式調試器控制臺!它現在使用樹視圖來顯示對象,并且它支持使用CSS設置日志消息樣式,并使用console.group()和
console.groupEnd()對它們進行分組。您還可以過濾掉任何類型的日志消息。
2.完成npm腳本:當將新腳本添加到package.json文件時,WebStorm現在將為已安裝軟件包提供的可用命令提供建議。鍵入
節點,IDE將建議文件夾和文件名。輸入npm run,您將看到當前文件中定義的任務列表。

3.改進對flock的支持:webstorm現在可以
在一個項目中為ESLint和TSLint運行多個進程,以確保它們在單個項目和具有多個linter配置的項目中正常工作。
4.支持Docker Compose:如果使用Docker測試Node.js應用程序,現在可以使用Docker Compose文件中描述的配置,從IDE
輕松運行和調試應用程序。
5.依賴項的版本范圍工具提示:在package.json中,按下command/Ctrl鍵,版本的依賴項懸停,查看運行過程中可以安裝NPM
安裝或紗線安裝的版本范圍。
集成驅動電子設備
1.新UI主題:現在可以在WebStorm中使用新的豐富多彩的UI主題作為插件。選擇深紫色、灰色和青色光的主題,或者創建自己的主題。
2.最近位置彈出:最近位置彈出(Cmd的move-E/按Ctrl+Shift+E)是一種新的瀏覽各種項目的方式
。它顯示了最近在編輯器中打開的所有文件和代碼行的列表。您可以開始鍵入過濾結果并跳轉到您需要的代碼。
3.將項目另存為模板:通過“工具”菜單中的新操作“另存為模板”,您現在可以將項目用作在IDE歡迎屏幕上創建新項目的基礎。
4.所選文件類型的靈活打包:您現在可以在編輯器中為特定文件類型啟用靈活打包。為此,請打開首選項/設置|編輯|
常規,并在靈活包文件字段中指定文件類型。
常見問題
如何修改字體?
打開網絡風暴,點擊打開“顏色和字體”,找到“字體”。
這時,看窗口右側,找到剛才輸入的名稱,找到“大小”選項,在“大小”后的窗口中直接輸入數字。
使用教程
如何運行html項目?
首先,我們打開自己的WebStrom軟件,打開項目,找到任何一個。html文件。
我們在這里選擇index.html;
讓我們直接在正文中修改一個段落。
最后編譯,然后瀏覽頁面看效果。