
WebStorm2022是一款專業的HTML編輯工具,在html5和JavaScript 方面也很出色??梢哉f是“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”。新版對JavaScript,TypeScript和CSS支持更好,改進了Vue.js的體驗,并為Jest集成增加了新增功能。
WebStorm功能
為 JavaScript 和 TypeScript 提供更好的智能感知、改進對 Angular 框架的支持、更新了 CSS 和 HTML 文檔,以及更強大的調試控制臺等。
通過使用名為"destructuring"的功能,我們可以使用非常簡潔的語法將數組和對象中的值解提取到變量中。WebStorm 新的重構和意圖功能(Alt-Enter)可以幫助我們輕松地將 destructuring 引入 JavaScript 或 TypeScript 代碼。
對于 Angular 應用程序,WebStorm 新增了 17 項新檢查,可幫助我們在編碼時檢測應用程序中與 Angular 相關的特定錯誤,并提供快速修復的建議。這些檢查在 TypeScript 和模板文件中都會生效,并會檢查綁定、指令、組件和許多其他內容的使用。
ps:小編帶來的是WebStorm安裝包和激活授權文件、激活碼,專為激活webstorm軟件而生成的產品序列號,再配合軟件包中的破解文件,以及中文語言包一起使用,可以將軟件完美漢化激活,具體參考本文教程!各大激活方法已陸續被封殺,請支持正版!
webstorm 安裝教程(附破解教程)
ps:目前之前的補丁已經全部失效,建議使用全新補丁或則無限重置試用插件:
ide-eval-resetter 2.1.13下載及方法、BetterIntelliJ通用補丁(存在安全漏洞)
(應官方要求暫不提供,請支持正版)
1.下載解壓,得到jetbrains webstorm 2020主程序
2.運行“WebStorm-2020.3.exe”開始安裝,默認安裝目錄【C:\Program Files\JetBrains\WebStorm 2020.3】
3.勾選創建webstorm桌面快捷方式,包括32位和64位,以及自行選擇關聯文件格式,建議全選;
4.點擊install,等待軟件安裝完成,但不要運行軟件,以免影響后面的操作;
5.啟動軟件,先選擇Evaluate for free試用,點擊Evaluate
6.將 ide-eval-resetter.zip 插件拖動至 主界面中 如下圖
7.重啟完成并進入主界面,點擊菜單【Help】->【Eval Reset】
8.點擊菜單【Help】->【Eval Reset】后會彈出插件主界面 ,然后點擊Reset,進行重啟
9.重啟完成后,點擊菜單【Help】->【About】查看是否繼命成功
最新關于漢化說明:
目前官方已經自帶中文,默認情況下中文是不開啟的,根據官方的說明,所有的 i18n 包都是以插件的形式集成到軟件中的。需要你自己去集成漢化插件。關于集成漢化插件的步驟是打開 Settings -> Plugins ,在界面框中輸入“Chinese”回車搜索,可見會出現一個中文插件,點擊“Install”安裝插件,然后重啟即可!
再次打開軟件,jetbrains webstorm 漢化成功安裝。
新增功能:
框架和技術
更好的 Next.js 支持
由于 WebStorm 內置的 React 支持,所有關鍵功能應該已經在Next.js 項目中運行。WebStorm 2022.1 增加了 對一些特定于框架的東西的支持,例如頁面。IDE 將解析組件href屬性 Link以及 inform和其他標記中使用的路徑。代碼完成、導航和重構也將起作用。
支持 Volta
在此版本中,我們添加了與 JavaScript 工具管理器Volta的適當集成,WebStorm 將自動識別使用 Volta 安裝的 Yarn 和 npm 。
修復 Vue
WebStorm最新版本 2022.1對 Vue 3 進行了多項改進。如果您全局定義組件,IDE 現在將在您的 .vue文件中識別它們。WebStorm 應該支持createApp 語法。它將正確匹配使用 createApp其相關元素創建的應用程序。還添加了對 Nuxt 3 的支持。
Docker 的改進
服務工具窗口中重新設計了 Docker UI 。已經對容器、圖像、網絡和卷實施了改造。我添加了對 Docker Registry HTTP API V2的支持, 以便與 Docker 1.6+ 一起使用??梢詣摻ê唵蔚幕蚴苊艽a保護的 Docker V2 注冊表并執行查看、推送和拉取圖像等操作。
核心包支持
WebStorm 現在支持 Corepack,這是一個實驗性的 Node.js 工具,讓您無需安裝即可使用 Yarn 和 pnpm。
ESM 對 webpack 配置的支持
從 v2022.1 開始,webpack 編碼輔助將與文件中的 ES 模塊一起使用 webpack.config.js。
編輯
從 Markdown 文件運行命令
自述文件通常描述運行應用程序所需的步驟,并列出一堆要使用的命令。WebStorm 2022.1 將允許您 直接從 README 文件中運行這些命令——只需單擊命令左側的 運行圖標即可。
更新了 Markdown 編輯器浮動工具欄
為了更容易格式化.md文件,重新設計了文本選擇時出現的浮動工具欄。除了新設計之外,工具欄現在還提供列表創建功能和允許您選擇標題樣式的下拉菜單。
復制 Markdown 的代碼片段
在 Markdown 塊添加了一個新的復制代碼片段操作,可以快速將其內容復制到剪貼板。
命令行格式化程序中的試運行模式支持
命令行格式化程序 現在 支持試運行模式來驗證項目文件。如果文件需要格式化,它將以非零狀態退出。
LightEdit模式下 的代碼重新格式化
現在可以在 LightEdit模式下重新格式化代碼。為此,請轉到代碼 | 在主菜單中 重新格式化代碼或按。 Ctrl+Alt+L
JavaScript 和打字稿
改進的結構視圖
使用 結構視圖,您可以檢查文件并更快地跳轉到它們的特定部分。在此版本中,我們簡化了檢查 JavaScript 和 TypeScript 文件的過程。文件中的符號現在以 更合乎邏輯的順序呈現。此外,WebStorm 現在將 在導出符號旁邊顯示導出圖標,以使它們更易于區分。
加入線行動 涵蓋的新案例
WebStorm 允許使用 連接代碼行或代碼塊 Ctrl+Shift+J,此操作現在 適用于嵌套if語句。當帶有單行塊的類似語句 使用Join Lines操作時 , WebStorm 還將刪除多余的大括號。ifwhilefor-of
枚舉的可配置突出顯示顏色
引入了新的Enum和Enum 成員語法高亮 選項??梢栽?首選項/設置 |中找到它們。編輯 | 配色方案 | 打字稿。它們的默認值繼承自Enum的 Class和Enum 成員的 Static 成員變量。
用戶體驗
新的通知工具窗口
我們用新的 通知工具窗口替換了 WebStorm 的事件日志。我們希望它可以幫助您 更好地了解來自 IDE 的通知,這樣您就不會錯過任何重要的信息。
調試器的 UI 改進
為了最大化調試器工具窗口中的可用空間,我們 默認隱藏了選項卡標簽。要使它們再次可見或自定義它們的位置,請使用Layout Settings下的Show Tab Labels選項 。
更新了結構搜索和替換對話框
“ 結構搜索和替換”對話框 現在包含所有模板的列表,以便更輕松地 在它們之間導航。我們還在對話框的右上角添加了一個Pin Dialog圖標,并將Injected code和Match case復選框移至Search 模板窗格 的底部。
可訪問性改進
為了便于在“日志”選項卡中導航,屏幕閱讀器現在可以讀取分支樹的名稱和描述。此外, macOS 上的輔助功能支持也得到了改進。我們修復了在外接顯示器上工作時 VoiceOver 光標位置不正確的問題。VoiceOver 現在還可以讀取組合框列表。
能夠平均分割編輯器
對于那些喜歡通過 拆分編輯器來重新組織工作區的人,我們進行了一些改進。您現在 可以將拆分選項卡配置為具有相同的寬度。為此,請轉到 首選項/設置 | 高級設置并選擇新的 Equalize ratios in nested splits選項。
版本控制
使用 Git Blame 更新注釋
改進了使用 Git Blame進行注釋的功能,使調查引入的更改更容易。當將鼠標懸停在注釋上時,IDE 會在編輯器中突出顯示行中的差異,并 在您單擊它時 打開Git工具窗口下的日志選項卡。
網友 天窗上的狐貍 評論:
使用感受:令我沒有想到的是,盡管在競爭這么激烈的環境中,它也可以輕松碾壓同級別產品,有著其他產品所做不到的強大之處,以及碾壓能力,強大的功能令其他軟件望塵莫及。
WebStorm2022歷史版本下載
重要提示提取碼: naqa