軟件介紹

WebStorm2022.1特別版是一款專門針對JavaScript和JavaScript編譯語言打造而成的電腦編程開發軟件，相關用戶通過這款軟件可以非常輕松的進行CSS重構、文件重命名、自定義代碼格式化規則、文件結構分析等一系列操作，這樣就能夠很好的提升了相關用戶的工作效率以及質量。該軟件還經過漢化處理過了，用戶完全不用擔心看不懂的問題。

WebStorm2022.1永久激活版已經推出了最新版本，自然而然，功能、界面、性能等各個方面都有了極為明顯的提升，例如：改進了軟件質量、推出了新的遠程開發工作流程、可以從Markdown文件運行命令等等，這樣就能夠為相關用戶帶來全新的操作體驗，能夠很好的解決了一系列編程過程中出現的問題。

新功能

1、遠程開發

在 WebStorm 2021.3 中，JetBrains 推出了新的遠程開發工作流程 JetBrains Gateway 測試版。在 2022.1 發布周期中，將修復此功能的一些問題，并提供開箱即用的功能。

2、質量改進

計劃為GraphQL 插件引入一些性能優化，并跟上 GraphQL 規范的更新。此外，將在 Next.js 項目 ( WEB-48593 ) 中添加對頁面導航的支持，解決使用 Volta 時無法識別 npm/yarn 的問題，并修復 webpack 集成的幾個問題，包括WEB- 31023 .

3、從Markdown文件運行命令

2022.1 將發布一項已經開發了一段時間的新功能——IDEA-257243。此功能將允許通過單擊命令旁邊的“運行”圖標，直接從 README 文件中運行命令，類似于在 WebStorm 中運行單個測試的方式。

4、Fleet中的JavaScript和TypeScript 支持

將花一些時間來改進JetBrains的新IDE Fleet中的JavaScript和TypeScript支持（可以在這篇博客中了解 Fleet）。

WebStorm2022.1特別安裝教程

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

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

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

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

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

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

WebStorm2022.1使用教程

一、怎么運行vue項目

1、點擊下圖中右上角的紅框。

2、在出現的彈框中選中左上角“+”下的“npm”，如下圖所示。

3、選中第二步的“npm”之后，會出現下圖。

4、這里有3個地方需要更改，如下圖所示。更改完成之后，依次點擊右下角的“Apply”和“OK”。

其中，Name——自己隨意取。

package.json——點擊右邊的下拉箭頭，選中那唯一的選項即可。

Scripts——點擊右邊的下拉箭頭，選中"dev"。

5、點擊下圖中右上角的紅框運行。

6、運行結束如下圖所示，點擊項目地址即可在瀏覽器中打開。

二、怎么改背景顏色

1、打開WebStorm的背景色是純白色，這是默認背景色。

2、找到左上角的文件并點擊，進入設置。如圖所示：

3、找到并點擊“Colors & Fonts”然后點擊“Editor”（編輯）打開。如圖所示：

4、打開“Editor”后，找到“下面的HTML”點擊進入。

5、這時查看右，下拉選項框選擇你想要的背景色。

6、確定背景色后，找到并點擊“Save as”選項及為保存，輸入你喜歡的名字點擊OK就可以更改背景色了。

快捷鍵大全

1、雙擊shift，搜索

在您的項目和當前Git存儲庫中快速找到任何文件、操作、類、符號、工具窗口或設置。

2、Ctrl+Shift+A，查找操作

找到一個命令并執行它，打開一個工具窗口，或者搜索一個設置。

3、雙擊ctrl，運行

啟動運行/調試配置，運行npm和紗線腳本，并重新打開最近的項目。

4、alt+回車，顯示上下文操作

突出顯示的錯誤和警告的快速修復，改進和優化代碼的意圖操作。

5、Shift+F2，在代碼問題之間導航

跳到下一個或上一個突出顯示的錯誤。

6、Ctrl+E，查看最近的文件

從列表中選擇最近打開的文件。

7、Ctrl+W / Ctrl+Shift+W，擴展或縮小選擇

根據特定的代碼結構增加或減少選擇范圍。

8、Ctrl+/

Ctrl+Shift+/

添加/刪除行或塊注釋

注釋掉一行或一段代碼。

9、Alt+F7，查找用法

顯示項目中使用代碼元素的所有地方。