WebStorm2021電腦版 v2021.3.3

WebStorm2021電腦版是一款功能強大的Web前端開發(fā)集成開發(fā)環(huán)境（IDE），專為前端開發(fā)者設計。它提供了智能代碼補全、調試、測試以及代碼重構等功能，極大地提高了開發(fā)效率。支持多種文件類型，包括HTML、CSS、JavaScript、TypeScript等，適用于各種前端開發(fā)項目。

相較于之前的版本，WebStorm2021電腦版在性能優(yōu)化、暗黑模式支持以及代碼重構等方面都進行了改進和提升。新版本的啟動速度更快，編輯器性能更加穩(wěn)定，調試體驗也更加流暢。同時，WebStorm 2021還提供了更好的暗黑模式支持，使得開發(fā)者在使用暗黑模式時能夠獲得更好的視覺體驗。

軟件特點

1、智能代碼輔助功能

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

2、現代框架

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

3、智能編輯器

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

4、導航和搜索

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

5、調試、跟蹤和測試

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

6、調試

提供內置調試器，可用于您的客戶端代碼（適用于 Chrome）和Node.js應用。 放置斷點、逐步執(zhí)行代碼和評估 表達式 – 一切都無需離開IDE。

7、測試

集成了Karma測試 運行器、Mocha、Jest和Protractor，因此可以輕松執(zhí)行測試。 直接在IDE中運行和調試測試，以方便的可視格式 查看結果，然后導航到測試代碼。

8、跟蹤和性能分析

內置了spy-js工具，幫助您跟蹤 JavaScript代碼。 探索文件如何與函數調用相關聯，并且高效 識別任何可能的瓶頸。

9、無縫工具集成

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

10、生成工具

享受直接在IDE中以簡單一致的UI來運行Grunt、Gulp或 npm任務。 所有任務都列舉在一個特殊工具 窗口中，所以只需雙擊任務名稱即可啟動它。

11、代碼質量工具

除了WebStorm自有的幾百種檢查外，它還可以根據代碼運行ESLint、 JSCS、TSLint、Stylelint、 JSHint或JSLint，并直接在編輯器中 高亮顯示任何動態(tài)問題。

12、項目模板

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

13、IDE功能

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

14、VCS

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

15、本地歷史

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

16、定制

軟件定制化程度非常高。 將其調整為完全適合您的編程風格，從快捷鍵、字體和視覺主題到工具窗口和編輯器布局

webStorm2021怎么設置中文

1、首先選擇"Plugins"，直接快捷鍵“Ctrl+ALT+S”打開“Settings -> Plugins”進行設置；

2、選擇“marketplace”接著在輸入框中輸入“Chinese”后即可找到中文語言包點擊Install安裝；

3、下載完成后點擊“restart ide”——“restart”，之后重啟軟件即可

軟件功能

1、使用 Prettier 作為默認格式化程序

想要使用 Prettier 而不是內置的格式化程序來整理代碼？ 借助此更新，這會變得比以前更容易。 只需勾選新的 On code reformat 復選框，IDE 就會在您重新格式化 .js、.ts、.jsx 和 .tsx 時使用 Prettier。 也可以輕松添加其他文件類型。

2、獲得對 Nuxt.js 的支持

讓 WebStorm 幫助您更高效地使用 Nuxt.js！ 在模板部分和 nuxt.config.js 文件中使用編碼輔助功能，查看核心 Nuxt 組件的快速文檔，在 Nuxt 項目中獲得對 Vuex 庫的支持，等等。

3、快速配置 Vue 特定的代碼樣式

借助 Vue 特定的代碼樣式設置，您可以選擇哪些頂級標記的內容應縮進，以及縮進對于整個 Vue 文件都應相同還是應取決于語言設置。 您還可以更改內插在 Vue 代碼中的格式。

4、借助新意圖操作節(jié)省時間

新的智能意圖操作 (Alt+Enter) 將幫助您更快速地執(zhí)行有關可選鏈和空值合并以及循環(huán)的一些操作。 例如，您現在可以將帶有數字索引的 for 循環(huán)快速轉換為 forEach 數組方法。

5、直接在編輯器中呈現 JSDoc 注釋

閱讀 JSDoc 注釋可能是一個挑戰(zhàn)，因為您必須查看所有標記。 為了便于閱讀，我們將這些注釋直接呈現在編輯器中，消除了不必要的干擾。

6、支持從工具窗口啟動調試

WebStorm 現在允許從 Run 和 Terminal 工具窗口啟動調試會話。 例如，如果您運行像 npmstart 一樣的腳本，按住 Ctrl+Shift 并點擊該腳本輸出中的 http 鏈接，IDE 將為您啟動 JavaScript 調試會話。

7、改進了調試時的項預覽

在調試時，您會注意到在內置控制臺中對項預覽進行了一些增強。 借助這些功能增強，無需將對象展開，即可查看對象的更有用詳細信息。

8、獲得對 @use 和 @forward 規(guī)則的更好支持

去年，我們引入了對 Sass 和 SCSS 中使用的 @use 和 @forward 規(guī)則的一些初始支持。 現在，我們擴展了這種支持，因此您可以期待 WebStorm 為導入的符號提供更智能的補全和改進的解析。

9、在 IDE 中預覽 WebP 圖像

您可以直接在 WebStorm 中預覽 .webp 圖像，就像您預覽 .jpeg 或 .png 文件一樣。 以前，WebStorm 無法識別 .webp 圖像格式，這使您在需要查看此類圖片時必須切換到其他應用程序。

10、享受對 GitHub 拉取請求的全面支持

我們對 GitHub 拉取請求提供了擴展支持，使其更易于使用。 現在，您可以查看并合并所有 PR，還可以審查代碼 – 所有這些都不需要離開 IDE。

11、為 Git 操作重新設計了對話框

消除了合并、拉取和衍合操作對話框中的混亂。 此外，還添加了一些新選項。

12、從日志 squash 本地提交

現在，您可以在 Git 工具窗口的 Log 選項卡中選擇多個本地提交，然后將其 squash 為一個提交。 可以從上下文菜單執(zhí)行此操作，點擊右鍵可調用上下文菜單。

13、更快地識別代碼中的問題

使用新的 Inspections 微件和 Problems 工具窗口，您可以獲得有關當前文件中警告、錯誤和其他問題數量的詳細信息，并在它們之間瀏覽。

14、在每個選定行的末尾添加脫字符號

用于處理多個脫字符號的新操作 (Alt+Shift+G) 允許您在每個選定行的末尾快速放置脫字符號，并在添加所有脫字符號后立即移除所選內容。

軟件優(yōu)勢

1、快速啟動和運行

立即開始您的項目，而不是把時間浪費在評估各種插件上。 憑借各種內置開發(fā)者工具以及對語言和框架開箱即用的支持，提供高效 JavaScript 開發(fā)所需的一切。

2、提高生產力

在重構和快速修復的幫助下，不要在終端與文本編輯器之間，或可以自動完成的事情上猶豫不決，這是 IDE 最擅長之事。 調試器和 Git 等最重要的開發(fā)者工具觸手可及。

3、花更少工夫編寫更好的代碼

編寫更清晰可靠的代碼，IDE 在您輸入時會運行幾十種檢查，并且會立即檢測到潛在錯誤和冗余。 通過可以提供與當前上下文最相關的變量和方法的自動補全，節(jié)省瀏覽代碼庫的時間。

4、迅速找到所需代碼

無論項目有多大，都可以更快地找到代碼。 只需點擊幾次，即可跳到任何類、函數、方法、變量或組件的定義，并找到其用法。 在您打開的文件內輕松導航，而且其結構一覽無余。

5、根據您的喜好調整外觀

不喜歡使用默認值？ 通過調整主題、代碼樣式、插件等來調整 IDE 的外觀和行為，使其更符合您的獨特需求。 也可在幾個 WebStorm 實例之間自動共享您的自定義設置