WebStorm2021.3下載 永久激活版

軟件介紹

WebStorm2021.3漢化特別版是一款由JetBrains官方所推出的多功能的JavaScript開發者工具，這款軟件集成了最強大的HTML5編輯器、最智能的JavaScript IDE調試器，相關用戶在這里可以輕輕松松進行實時錯誤檢測、自動重構、代碼驗證、語法突出顯示等一系列操作，這樣就能夠很好的提升了相關用戶的代碼編寫質量。

在最近WebStorm2021.3永久激活版正式推出了，與前幾個版本相比而言，這款軟件版本還是有了較為明顯的提升，比如：采用了更加簡潔清爽的操作界面、重新設計了Deno集成、改進了HTML補全、支持SSH連接的代理，這樣一來就能夠使得該軟件變得更加簡單易用。

新功能

一、JavaScript和TypeScript

1、私有類成員的重構支持

我們在 2018 年增加了對私有字段的支持。 然而，這種支持是以 TC39 的舊提案為基礎，現已偏離標準。 為了符合標準，我們從頭開始重新設計了既有支持。正確支持 ES2022 私有類成員。

2、對 import 語句中 URL 的支持

您現在可以使用 ES6 文件中導入路徑的快速修復下載遠程 ES6 模塊。該模塊將連同其所有依賴項一起下載并鏈接為項目庫。要進行嘗試，請將文本光標放在導入路徑上，然后按 Alt+Enter 并選擇 Download module（下載模塊）。

3、.js 和 .d.ts 文件之間更好的映射

我們改進了 .js 和 .d.ts 文件之間的映射，并添加了間距圖標以實現更好的導航。要詳細了解這些變更，請閱讀此博文。

4、JavaScript 文件的更快索引

JavaScript 文件的索引時間減少了 20%。我們希望這可以幫助您在打開新項目或進行大規模 Git 更新時更快地開始工作。 請注意，如果項目主要由 .ts 或其他類型的文件組成，則變化將不太明顯。

5、改進了對單倉庫的支持

此版本對單倉庫的操作做出了許多改進。最顯著的變化是自動添加的導入現在會考慮項目結構，將項目中每個帶有 package.json 的文件夾視為一個單獨的軟件包。

二、框架與技術

1.用于更新依賴項的新檢查

允許您直接從編輯器將 npm 軟件包更新到最新版本！ 打開 package.json 文件，將文本光標放在要更新的軟件包版本上，按 Alt+Enter，然后選擇 Update ‘package name’ to the latest version（將“軟件包名稱”更新到最新版本）。將鼠標懸停在軟件包版本上時，還會顯示快速修復。

2、重新設計了 Deno 集成

為了改善軟件中的Deno體驗，我們已遷移到Deno LSP并修正了一系列已知問題。 查看此博文以詳細了解如何開始使用 Deno。

3、改進了 HTML 補全

我們改進了代碼補全在 HTML 中的工作方式。 每當您在編輯器中輸入標記名稱或縮寫或調用代碼補全，都會立即顯示相關建議。 先前，只有首先輸入了 < 才會顯示。 此外，字符實體引用的代碼補全現在也可以更好地工作。

4、Vue 和 React 的類型檢查

支持Vue模板中的類型檢查。 當綁定到屬性的表達式中使用了不正確的類型時，IDE 會發出通知。 這也適用于 React 特性。

5、針對 HTTP 客戶端的新功能

在此版本中，我們大幅改進了內置 HTTP 客戶端。 我們添加了許多新功能，包括二進制響應支持、輸出重定向到自定義文件或目錄等等。

三、遠程開發

1、遠程運行 WebStorm

支持測試版本的全新遠程開發工作流。 您現在可以連接到正在運行 IDE 后端的遠程計算機，并像在本地計算機上一樣處理其中的項目。 這要歸功于我們的新應用程序 JetBrains Gateway。 要了解更多信息，請參閱這篇博文。

2、保存時的操作

使用遠程 Node.js 進行開發

在此版本中，我們進行了多項重大改進，支持將 Node.js 安裝在 Docker 中并隨后由 WebStorm 與 JavaScript 工具的集成使用這種工作流。 現在，IDE 允許您將 Node.js 遠程解釋器與 ESLint、Jest、Mocha 和 npm 結合使用。 要了解更多信息，請參閱這篇博文。

3、SSH 連接的代理支持

您現在可以在 Preferences / Settings | Tools | SSH Configurations（偏好設置 / 設置 | 工具 | SSH 配置）中為 SSH 配置指定 HTTP 或 SOCKS 代理服務器。 在新的 HTTP/SOCKS Proxy（HTTP/SOCKS 代理）部分中，您可以選擇代理類型、輸入主機名和端口，并在必要時使用登錄名和密碼應用身份驗證。

四、用戶體驗

1、拆分 Run（運行）工具窗口

要在運行多個配置時查看其結果？ 您現在可以拆分 Run（運行）工具窗口！ 為此，請將所需選項卡拖放到高亮顯示的區域。 要取消拆分工具窗口，您可以拖回選項卡，或右鍵點擊頂部窗格并從上下文菜單中選擇 Unsplit（取消拆分）。

2、新的 Bookmarks（書簽）工具窗口

以前有兩個非常相似的實例 - Favorites（收藏夾）和 Bookmarks（書簽）。 由于兩者之間的區別有時會造成困惑，我們決定改為只使用 Bookmarks（書簽）。 我們重新設計了此功能的工作流，并為其創建了一個新的工具窗口。 從現在開始，您使用 F11 標記為重要的文件、文件夾和類都將位于新的 Bookmarks（書簽）工具窗口下。

3、Show Usages（顯示用法）的源代碼預覽

使用 Ctrl+Alt+F7 或按 Ctrl 并點擊定義查看符號的用法時，現在可以通過點擊方形圖標來打開找到的用法的源代碼預覽。

4、終端的改進

軟件的內置終端現在支持 Windows 上的新 ConPTY API。 這一變化幫助我們解決了幾個問題并增加了對 24 位顏色的支持。 此外，新添加的鍵盤緩沖支持可預測文本修改并立即以淺灰色顯示。 此功能將幫助您在本地和遠程計算機上保持同樣的終端輸入速度。

5、無障礙功能更新

我們解決了一些無障礙功能問題，讓屏幕閱讀器更為舒適。 我們禁用了過去在鼠標懸停時出現的工具窗口微件彈出窗口和快速文檔彈出窗口。 macOS 上的無障礙功能支持也得到了改進。 我們解決了 VoiceOver 焦點的幾個問題，并支持從屏幕閱讀器創建項目。

6、更改所有選項卡的字體大小

您知道可以在編輯器中使用鼠標滾輪更改字體大小嗎？ 以前，此功能僅適用于當前文件。 現在，您可以將其應用于所有打開的文件。 轉到 Preferences / Settings | Editor | General（偏好設置 / 設置 | 編輯器 | 常規），勾選 Change font size with Command / Ctrl + Mouse Wheel in（使用 Command / Ctrl + 鼠標滾輪更改字體大?。?，然后選擇 All editors（所有編輯器）選項。

五、版本控制

1、重新組織了 VCS 設置

我們重新組織了 Preferences / Settings | Version Control（偏好設置 / 設置 | 版本控制）下的所有內容，使關鍵配置選項更為醒目。 例如，Git 節點下的現在被劃分為幾個部分，對應最重要的流程：Commit（提交）、Push（推送）和 Update（更新）。 此外，這些部分中的參數現在組織得更合乎邏輯。

2、新的 Push all up to Here（推送此前所有提交）操作

有時，您可能會已經準備好要發布一些提交，而其他的提交卻仍在進行中。 在這種情況下，您可能需要僅推送您確定要發布的提交。 將使您可以推送您在 Git 工具窗口的 Log（日志）選項卡中所選及其之前的提交。 只需右鍵點擊所需提交，然后選擇 Push All up to Here（推送此前所有提交）即可。

3、遠程分支的 Checkout and Rebase onto Current（簽出并變基到當前分支）

使用 Checkout and Rebase onto Current（簽出并變基到當前分支）操作，您可以簽出所選分支并將其變基到當前簽出分支的頂部。 在此之前，此操作僅適用于本地分支。 在 v2021.3 中，您也可以將其用于遠程分支。

4、新 Changes（變更）工具窗口

以前，會在單獨的對話框中顯示提交之間的差異。 從此版本開始，IDE 將在新的 Changes（變更）工具窗口中顯示此信息。 要打開新的工具窗口，在版本控制系統的 Log（日志）選項卡中右鍵點擊一個修訂，然后從上下文菜單中選擇 Compare with local（與本地版本比較）。

WebStorm2021.3特別安裝教程

1、下載解壓，得到原程序、特別補丁和漢化補丁。

2、雙擊“WebStorm-211.4961.31.exe”開始安裝軟件，點擊next。

3、設置安裝路徑，大家根據自己的情況安裝即可。

4、根據自己的需求來選擇勾選，點擊next。

5、點install開始安裝。

6、正在安裝，請耐心等待片刻。

7、安裝完成后即可運行軟件。

8、由于是最新版本，所以用戶們需要注冊帳號登錄才能體驗。

9、登錄成功后的界面，點擊 Start Trial 開始免費試用。

10、開始試用后，會進入待如下頁面，免費試用的時間是1個月。

11、將 ide-eval-resetter.zip 插件拖動至 主界面中，如下圖。

12、重啟完成并進入主界面，點擊菜單【Help】->【Eval Reset】。

13、點擊菜單【Help】->【Eval Reset】后會彈出插件主界面 ，然后點擊Reset，進行重啟。

14、重啟完成后，點擊菜單【Help】->【About】查看是否繼命成功。

15、不過這時還是全英文的，那么webstorm怎么換成中文呢？接著此時同時按下鍵盤的Ctrl+ALT+S 打開 Settings -> Plugins。

16、選擇“marketplace”接著在輸入框中輸入“Chinese”后即可找到漢化插件，點擊“install”進行下載。

17、下載完成后點擊“restart ide”——“restart”。

18、然后重啟就是全中文的啦，至此，以上就是詳細的WebStorm2021.3永久激活版安裝步驟，希望對大家有所幫助。

WebStorm2021.3使用教程

如何啟動vue項目

很多時候我們是這樣啟動vue項目的。

其實用webstram有便捷的方式我們操作。

首先我們用webstarm打開一個項目文件。

找到webstrom界面的左下角的npm并點擊，可以看到一個工具框。

點擊start就可以啟動項目了。

下面的框內是啟動的進程。

點擊圖片所示的紅框按鈕可以重啟項目。

點擊圖片所示的紅框按鈕可以關閉項目。

還有一個常用的功能就是vue項目打包，點擊build即可。

常用快捷鍵

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 + '.': 折疊選中的代碼的代碼

19、shift + esc: 當前激活的任意小窗口最小化，也可以是alt+數字鍵，數字在小窗口有顯示

20、alt + '7': 顯示當前的函數結構

21、如果是*.html頁面，則在文件名下的導航欄某DOM結構上右鍵，可以全選當前DOM結構