webstorm2021電腦版在原版的基礎上新增了很多全新的內容，為前端程序員們提供了更多的便捷開發工具，能夠幫助大家快速的完成各種前端編程工作。

webstorm2021最新版本介紹

jetbrains webstorm2021是為前端開發人員們提供的一款電腦編程開發軟件，其中主要是為用戶們提供了針對JavaScript和JavaScript編譯語言，同時不僅為Angular、React、Vue.js和Meteor提供了高級編碼幫助，還專門為 JS 開發做了很多優化，以便更好的幫助用戶在服務器端進行開發。

webstorm2021免費版安裝教程

1、下載并解壓，運行EXE程序，來到安裝界面，點擊next繼續。

2、選擇軟件的安裝目錄，可以選擇其他位置安裝。

3、選擇安裝附加選項，選擇第一項安裝快捷方式。

4、選擇開始菜單，默認即可，點擊install，開始安裝軟件。

5、正在安裝軟件，等待軟件安裝完成。

6、安裝完成，點擊finish完成退出安裝界面。

7、安裝完成后，雙擊桌面圖標打開軟件，將JetBrains WebStorm 2021軟件包crack-lib文件夾下的“jetbrains-agent.jar”文件拖動到軟件界面中。

8、進入軟件編輯界面，點擊左上角的file-settings，進入設置界面。

9、然后點擊Plugins，接著在輸入框中輸入“Chinese”后即可找到漢化插件，點擊install安裝。

10、彈出窗口，點擊accept接受。

11、下載完成，點擊restart ide”。

12、點擊restart重啟軟件。

13、重啟軟件，重啟之后，軟件設置為中文了，已經完美激活。

軟件亮點

1、調試、跟蹤和測試

提供強大的內置工具進行調試、測試和跟蹤您的客戶端和Node.js應用程序。只需很少配置和精心集成到IDE中，使這些任務變得更加輕松。

2、無縫工具集成

集成流行的命令行工具，用于Web開發，使您無需使用命令行即可獲得高效、簡化的開發體驗。

3、智能代碼輔助功能

軟件為您提供JavaScript和編譯為JavaScript語言、Node.js、HTML和CSS的智能代碼輔助。享受代碼補全、強大的導航功能、動態錯誤檢測以及所有這些語言的重構。

4、IDE功能

建立在開源IntelliJ平臺之上，過去15年以來，JetBrains一直在不斷發展和完善這個平臺。這個平臺可以針對您的開發工作流進行微調并且能夠提供高度可定制的體驗。

5、現代框架

為Angular、React、Vue.js和Meteor提供先進的代碼輔助。享受對以React Native、PhoneGap、Cordova和Ionic進行移動開發和以Node.js進行服務器端開發的支持。一個IDE一應俱全！

6、智能編輯器

該IDE分析您的項目，從而為所有支持的語言提供最佳代碼補全結果。幾百種內置檢查，可以在您輸入時報告任何可能的問題，并提供快速修復選項。

7、導航和搜索

可以幫助您在處理大型項目時提高編碼效率，并節省時間。只需點擊一次或搜索用法，即可跳到方法、函數或變量定義。

8、項目模板

使用常用項目模板，比如：Express或Web入門套件從歡迎屏幕啟動新項目，并且因為與Yeoman集成，所以可以訪問更多項目生成器。

9、VCS

以統一的UI處理多種流行的版本控制系統，確保在git、GitHub、SVN、Mercurial和Perforce之間提供一致的用戶體驗。

10、本地歷史

無論您是否使用VCS，本地歷史都真的可以保護代碼。您可以隨時檢查特定文件或目錄的歷史記錄，并回滾到以前的任何版本。

新功能

1、最大化拆分視圖中的編輯器選項卡

現在，在拆分視圖中工作更加方便。每當拆分編輯器時，都可以雙擊要使用的選項卡以最大化其編輯器窗口。要將標簽恢復到原始大小，只需再次雙擊它。

2、禁止檢查JavaScript和TypeScript文件

為了檢查代碼的質量，WebStorm在鍵入時會進行數十次檢查。有時候，您不需要進行特定檢查。您可以關閉整個項目的單獨檢查，也可以關閉更詳細的級別（例如，語句或類）的檢查。使用v2021.1，您現在還可以逐個文件地關閉對JavaScript和TypeScript的檢查。

要禁止檢查文件，請將插入符號放在代碼中的問題上，然后按Alt + Enter。然后單擊要禁止檢查的旁邊的箭頭，然后選擇“禁止文件”。這會將noinspection注釋添加到JavaScript或TypeScript文件的開頭。

3、在搜索范圍內自定義外部依賴項

現在可以配置在項目中搜索文本字符串時，IDE將如何處理外部依賴項。通過按Cmd / Ctrl + Shift + F打開“在文件中查找”，選擇“作用域”，然后單擊過濾器字段旁邊的“ ...”按鈕。這將打開“作用域”窗口，您可以在其中查看“外部依賴項”是否包含在范圍中。您可以使用右側的按鈕更改其狀態。

這些是最大的亮點。此版本還進行了一些較小但仍很重要的改進，例如：

（1）現在，您可以使用快捷方式在內置終端中選擇所有輸出。為此，請轉到首選項/設置| 鍵盤映射，在此處的“終端”部分下查找“全選”，然后為該操作分配您選擇的快捷方式。或者，您可以使用“終端”工具窗口（IDEA-117484）的右鍵單擊菜單中的“全選”操作。

（2）每當您在Shift + Shift彈出窗口中找不到任何內容時，現在都將在彈出窗口中看到“在文件中查找”鏈接。單擊它可以繼續在項目中使用不同的范圍（IDEA-256078）查找文本字符串。

（3）現在可以在“與分支比較”對話框中從另一個分支復制文件。為此，選擇要復制的文件，然后單擊Show diff（IDEA-156485）旁邊的新的向下箭頭按鈕。

快捷鍵

1、Ctrl + Shift + n：打開工程中的文件，目的是打開當前工程下任意目錄的文件。

2、Ctrl + j：輸出模板

3、Ctrl + b：跳到變量申明處

4、Ctrl + Alt + T：圍繞包裹代碼(包括zencoding的Wrap with Abbreviation)

5、Ctrl + []：匹配 {}[]

6、Ctrl + F12：可以顯示當前文件的結構

7、Ctrl + x：剪切(刪除)行，不選中，直接剪切整個行，如果選中部分內容則剪切選中的內容

8、Alt + left/right：標簽切換

9、Ctrl + r：替換

10、Ctrl + Shift + up：行移動

11、Shift + Alt + up：塊移動(if(){},while(){}語句塊的移動)

12、Ctrl + d：行復制

13、Ctrl + Shift + ]/[：選中塊代碼

14、Ctrl + /：單行注釋

15、Ctrl + Shift + /：塊注釋

16、Ctrl + Shift + i：顯示當前CSS選擇器或者JS函數的詳細信息

17、Ctrl + '-/+'：可以折疊項目中的任何代碼塊，它不是選中折疊，而是自動識別折疊。

18、Ctrl + '.'：折疊選中的代碼的代碼。