軟件介紹

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

WebStorm2022.1永久激活版已經(jīng)推出了最新版本，自然而然，功能、界面、性能等各個(gè)方面都有了極為明顯的提升，例如：改進(jìn)了軟件質(zhì)量、推出了新的遠(yuǎn)程開(kāi)發(fā)工作流程、可以從Markdown文件運(yùn)行命令等等，這樣就能夠?yàn)橄嚓P(guān)用戶帶來(lái)全新的操作體驗(yàn)，能夠很好的解決了一系列編程過(guò)程中出現(xiàn)的問(wèn)題。

新功能

1、遠(yuǎn)程開(kāi)發(fā)

在 WebStorm 2021.3 中，JetBrains 推出了新的遠(yuǎn)程開(kāi)發(fā)工作流程 JetBrains Gateway 測(cè)試版。在 2022.1 發(fā)布周期中，將修復(fù)此功能的一些問(wèn)題，并提供開(kāi)箱即用的功能。

2、質(zhì)量改進(jìn)

計(jì)劃為GraphQL 插件引入一些性能優(yōu)化，并跟上 GraphQL 規(guī)范的更新。此外，將在 Next.js 項(xiàng)目 ( WEB-48593 ) 中添加對(duì)頁(yè)面導(dǎo)航的支持，解決使用 Volta 時(shí)無(wú)法識(shí)別 npm/yarn 的問(wèn)題，并修復(fù) webpack 集成的幾個(gè)問(wèn)題，包括WEB- 31023 .

3、從Markdown文件運(yùn)行命令

2022.1 將發(fā)布一項(xiàng)已經(jīng)開(kāi)發(fā)了一段時(shí)間的新功能——IDEA-257243。此功能將允許通過(guò)單擊命令旁邊的“運(yùn)行”圖標(biāo)，直接從 README 文件中運(yùn)行命令，類似于在 WebStorm 中運(yùn)行單個(gè)測(cè)試的方式。

4、Fleet中的JavaScript和TypeScript 支持

將花一些時(shí)間來(lái)改進(jìn)JetBrains的新IDE Fleet中的JavaScript和TypeScript支持（可以在這篇博客中了解 Fleet）。

WebStorm2022.1特別安裝教程

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

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

3、一些其它的選項(xiàng)，如果想要選擇，請(qǐng)慎重。

4、建立開(kāi)始啟動(dòng)項(xiàng)，如果沒(méi)有其它問(wèn)題直接進(jìn)入到下一步。

5、安裝進(jìn)行中，請(qǐng)用戶耐心等待片刻。

6、安裝完成，直接可以運(yùn)行使用了。

WebStorm2022.1使用教程

一、怎么運(yùn)行vue項(xiàng)目

1、點(diǎn)擊下圖中右上角的紅框。

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

3、選中第二步的“npm”之后，會(huì)出現(xiàn)下圖。

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

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

package.json——點(diǎn)擊右邊的下拉箭頭，選中那唯一的選項(xiàng)即可。

Scripts——點(diǎn)擊右邊的下拉箭頭，選中"dev"。

5、點(diǎn)擊下圖中右上角的紅框運(yùn)行。

6、運(yùn)行結(jié)束如下圖所示，點(diǎn)擊項(xiàng)目地址即可在瀏覽器中打開(kāi)。

二、怎么改背景顏色

1、打開(kāi)WebStorm的背景色是純白色，這是默認(rèn)背景色。

2、找到左上角的文件并點(diǎn)擊，進(jìn)入設(shè)置。如圖所示：

3、找到并點(diǎn)擊“Colors & Fonts”然后點(diǎn)擊“Editor”（編輯）打開(kāi)。如圖所示：

4、打開(kāi)“Editor”后，找到“下面的HTML”點(diǎn)擊進(jìn)入。

5、這時(shí)查看右，下拉選項(xiàng)框選擇你想要的背景色。

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

快捷鍵大全

1、雙擊shift，搜索

在您的項(xiàng)目和當(dāng)前Git存儲(chǔ)庫(kù)中快速找到任何文件、操作、類、符號(hào)、工具窗口或設(shè)置。

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

找到一個(gè)命令并執(zhí)行它，打開(kāi)一個(gè)工具窗口，或者搜索一個(gè)設(shè)置。

3、雙擊ctrl，運(yùn)行

啟動(dòng)運(yùn)行/調(diào)試配置，運(yùn)行npm和紗線腳本，并重新打開(kāi)最近的項(xiàng)目。

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

突出顯示的錯(cuò)誤和警告的快速修復(fù)，改進(jìn)和優(yōu)化代碼的意圖操作。

5、Shift+F2，在代碼問(wèn)題之間導(dǎo)航

跳到下一個(gè)或上一個(gè)突出顯示的錯(cuò)誤。

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

從列表中選擇最近打開(kāi)的文件。

7、Ctrl+W / Ctrl+Shift+W，擴(kuò)展或縮小選擇

根據(jù)特定的代碼結(jié)構(gòu)增加或減少選擇范圍。

8、Ctrl+/

Ctrl+Shift+/

添加/刪除行或塊注釋

注釋掉一行或一段代碼。

9、Alt+F7，查找用法

顯示項(xiàng)目中使用代碼元素的所有地方。