軟件介紹

Webstorm2022.1永久特別版是一款由JetBrains公司開發(fā)的前端開發(fā)工具，這款軟件可以支持JavaScript、Node.js、ECMAScript 6、TypeScrip等多種不同的編碼語言。而且我們還可以利用Webstorm2022.1特別版來創(chuàng)建各種網站和應用程序，大大提高了編程人員的工作效率。

Webstorm2022.1永久特別版在之前版本的基礎上進行了改進，這款軟件不僅擁有從Markdown文件運行命令的能力，同時還加入了對Docker的改進、對webpack配置的ESM支持等多種全新功能，通過Webstorm2022.1特別版，我們可以輕松完成Web前端開發(fā)。

Webstorm2022.1永久特別版軟件特色

1、代碼導航和用法搜索：

函數(shù)、變量或標簽的導航都可用一個熱鍵使用。

2、JavaScript單元測試：

如果你是一個JavaScript的開發(fā)者，你應該知道對于你的程序來說，代碼的質量和正確性是非常重要的。那么，一致性測試和回歸性測試這種功能會使你輕松很多。

3、代碼檢測和快速修復：

為保證更優(yōu)的代碼質量，能快速地捕捉到JavaScript中的常見錯誤并提供快速的修復方案。

4、批量代碼分析：

無需通過點擊所有文件或部署到服務器。整個源代碼樹的啟動代碼分析，可以在一個單一的視圖中看到所有的結果。

5、支持HTML5：

用創(chuàng)建一個新的HTML文檔，以便于在代碼中使用HTML5。假如我們想要使用一個canvas標簽。不但要當鍵 入”<ca”時IDE會知曉你的意圖并添加canvas標簽，而且在按下Space鍵后它會提示HTML5屬性已被IDE支持。

6、顯示應用樣式：

是否想讓你的頁面中出現(xiàn)一個流行的樣式？右鍵單擊并選擇顯是應用樣式標簽。此命令將打開的標簽應用到通過CSS樣式的樹視圖里的樣式。

軟件功能

框架和技術

--更好的 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 現(xiàn)在將在您的 .vue文件中識別它們。WebStorm 應該支持createApp 語法。它將正確匹配使用 createApp其相關元素創(chuàng)建的應用程序。還添加了對 Nuxt 3 的支持。

--Docker 的改進

我們在服務工具窗口中重新設計了 Docker UI 。已經對容器、圖像、網絡和卷實施了改造。我們還添加了對 Docker Registry HTTP API V2的支持， 以便與 Docker 1.6+ 一起使用。您可以創(chuàng)建簡單的或受密碼保護的 Docker V2 注冊表并執(zhí)行查看、推送和拉取圖像等操作。

--核心包支持

WebStorm 現(xiàn)在支持 Corepack，這是一個實驗性的 Node.js 工具，讓您無需安裝即可使用 Yarn 和 pnpm。

--ESM 對 webpack 配置的支持

從 v2022.1 開始，webpack 編碼輔助將與文件中的 ES 模塊一起使用 webpack.config.js。

編輯

--從 Markdown 文件運行命令

如果您喜歡 WebStorm 中的小細節(jié)，那么您一定會喜歡這個新增功能。自述文件通常描述運行應用程序所需的步驟，并列出一堆要使用的命令。WebStorm 2022.1 將允許您 直接從 README 文件中運行這些命令——只需單擊命令左側的 運行圖標即可。

--更新了 Markdown 編輯器浮動工具欄

為了更容易格式化.md文件，我們 重新設計了文本選擇時出現(xiàn)的浮動工具欄。除了新設計之外，工具欄現(xiàn)在還提供列表創(chuàng)建功能和允許您選擇標題樣式的下拉菜單。

--復制 Markdown 的代碼片段

我們還向 Markdown 塊添加了一個新的復制代碼片段操作。這將允許您快速將其內容復制到剪貼板。

--命令行格式化程序中的試運行模式支持

命令行格式化程序 現(xiàn)在 支持試運行模式來驗證項目文件。如果文件需要格式化，它將以非零狀態(tài)退出。

--LightEdit模式下 的代碼重新格式化

您現(xiàn)在可以在 LightEdit模式下重新格式化您的代碼。為此，請轉到代碼 | 在主菜單中 重新格式化代碼或按。

JavaScript 和打字稿

--改進的結構視圖

使用 結構視圖，您可以檢查文件并更快地跳轉到它們的特定部分。在此版本中，我們簡化了檢查 JavaScript 和 TypeScript 文件的過程。文件中的符號現(xiàn)在以 更合乎邏輯的順序呈現(xiàn)。此外，WebStorm 現(xiàn)在將 在導出符號旁邊顯示導出圖標，以使它們更易于區(qū)分。

--加入線行動 涵蓋的新案例

您知道 WebStorm 允許您使用 連接代碼行或代碼塊 ??J嗎？此操作現(xiàn)在 適用于嵌套if語句。當您對、、和其他帶有單行塊的類似語句 使用Join Lines操作時 ， WebStorm 還將刪除多余的大括號。ifwhilefor-of

--枚舉的可配置突出顯示顏色

我們引入了新的Enum和Enum 成員語法高亮 選項。您可以在 首選項/設置 |中找到它們。編輯 | 配色方案 | 打字稿。它們的默認值繼承自Enum的 Class和Enum 成員的 Static 成員變量。

用戶體驗

--新的通知工具窗口

我們用新的 通知工具窗口替換了 WebStorm 的事件日志。我們希望它可以幫助您 更好地了解來自 IDE 的通知，這樣您就不會錯過任何重要的信息。

--調試器的 UI 改進

為了最大化調試器工具窗口中的可用空間，我們 默認隱藏了選項卡標簽。要使它們再次可見或自定義它們的位置，請使用Layout Settings下的Show Tab Labels選項 。

--更新了結構搜索和替換對話框

“ 結構搜索和替換”對話框 現(xiàn)在包含所有模板的列表，以便更輕松地 在它們之間導航。我們還在對話框的右上角添加了一個Pin Dialog圖標，并將Injected code和Match case復選框移至Search 模板窗格 的底部。

--可訪問性改進

為了便于在“日志”選項卡中導航，屏幕閱讀器現(xiàn)在可以讀取分支樹的名稱和描述。此外， macOS 上的輔助功能支持也得到了改進。我們修復了在外接顯示器上工作時 VoiceOver 光標位置不正確的問題。VoiceOver 現(xiàn)在還可以讀取組合框列表。

--能夠平均分割編輯器

對于那些喜歡通過 拆分編輯器來重新組織工作區(qū)的人，我們進行了一些改進。您現(xiàn)在 可以將拆分選項卡配置為具有相同的寬度。為此，請轉到 首選項/設置 | 高級設置并選擇新的 Equalize ratios in nested splits選項。

版本控制

--使用 Git Blame 更新注釋

我們改進了使用 Git Blame進行注釋的功能，使調查引入的更改更容易。當您將鼠標懸停在注釋上時，IDE 會在編輯器中突出顯示行中的差異，并 在您單擊它時 打開Git工具窗口下的日志選項卡。

--更新了Git工具窗口 中的提交詳細信息窗格

提交詳細信息窗格現(xiàn)在包含 有關 GPG 簽名和構建狀態(tài) 的信息。以前，此數(shù)據(jù)僅在Git日志 中顯示為一列。

--拉取請求評論中的建議更改

現(xiàn)在可以更輕松地使用 WebStorm 中的建議更改。我們添加了直接在 IDE 中 本地應用或提交更改的功能。 

Webstorm2022.1永久特別版安裝步驟

1、在本站本站下載壓縮包，解壓雙擊進入到安裝界面。

2、默認安裝位置在C盤，小編建議安裝到其它位置，為了避免不必要的麻煩。

3、一些其它的選項，如果想要選擇，請慎重。

4、建立開始啟動項，如果沒有其它問題直接進入到下一步。

5、安裝進行中，請用戶耐心等待片刻。

6、安裝完成，直接可以運行使用了。

Webstorm2022.1永久特別版使用技巧

新建Scheme + 修改字體

ctrl+alt+s打開Settings界面，Editor > Colors&Fonts > Font。

Default scheme是亮色調，但我想定制一套暗背景的環(huán)境，所以在右側Scheme name下拉框中選擇Monokai，以此作為修改的基礎，然后點擊Save as，給自己新建的Scheme起個名字吧，如下圖：

這里面可以設置字體（我一般選擇Consolas），字體大小，行間距。

顯示行號 + 自動換行

如果用Vim編程，行號是非常必要的輔助。WebStorm默認是不顯示行號的，沒關系，顯示行號非常的容易。

只要在代碼左側的gutter區(qū)域點右鍵，就會出現(xiàn)下圖的菜單：勾選上Show Line Numbers即可。

另外，勾選上圖中的Use Soft Wraps就啟用了WebStorm的自動換行的功能，即過長的代碼行不會超出屏幕，不會出現(xiàn)橫向的滾動條。

值得一提的是，標準的Vim，jk是移到上一行下一行，如果代碼自動換行了，被分割成的兩行雖然看起來是兩行，但其實是一個邏輯行，這時候用jk是上移下移一個邏輯行。這種情況下，如果要從同一邏輯行的“第一行”移動到“第二行”，需要按gj，即先按g再按方向。雖然Vim提供了這個方法，但還是經常按錯。

好消息是，啟用了Use Soft Wraps的WebStorm不需要這樣，直接按j就可以從同一邏輯行的“第一行”移動到“第二行”。

導入導出設置

File > Export Settings導出用戶設置。如下圖，你可以選擇要導出哪些類型的設置，也可以選擇導出到哪個目錄下。

導出后的配置以jar包的形式存在，導入也同樣簡單，F(xiàn)ile > Import Settings，選擇jar包導入成功后，重啟WebStorm就大功告成了。