WebStorm2021電腦版 v2021.3.3

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

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

軟件特點(diǎn)

1、智能代碼輔助功能

為您提供JavaScript和編譯為JavaScript語言、 Node.js、HTML和CSS的智能代碼輔助。 享受代碼補(bǔ)全、強(qiáng)大的 導(dǎo)航功能、動(dòng)態(tài)錯(cuò)誤檢測(cè)以及所有這些 語言的重構(gòu)。

2、現(xiàn)代框架

為 Angular、 React、Vue.js 和 Meteor 提供先進(jìn)的代碼輔助。 享受對(duì)以React Native、PhoneGap、Cordova和 Ionic進(jìn)行移動(dòng)開發(fā)和以Node.js進(jìn)行服務(wù)器端開發(fā)的支持。 一個(gè) IDE 一應(yīng)俱全！

3、智能編輯器

該IDE分析您的項(xiàng)目，從而為所有支持的語言 提供最佳代碼補(bǔ)全結(jié)果。 幾百種內(nèi)置檢查，可以在您輸入時(shí) 報(bào)告任何可能的問題，并提供快速修復(fù)選項(xiàng)。

4、導(dǎo)航和搜索

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

5、調(diào)試、跟蹤和測(cè)試

提供強(qiáng)大的內(nèi)置工具進(jìn)行調(diào)試、測(cè)試和跟蹤 您的客戶端和Node.js應(yīng)用程序。 只需很少配置和精心 集成到IDE中，WebStorm使這些任務(wù)變得更加輕松。

6、調(diào)試

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

7、測(cè)試

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

8、跟蹤和性能分析

內(nèi)置了spy-js工具，幫助您跟蹤 JavaScript代碼。 探索文件如何與函數(shù)調(diào)用相關(guān)聯(lián)，并且高效 識(shí)別任何可能的瓶頸。

9、無縫工具集成

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

10、生成工具

享受直接在IDE中以簡(jiǎn)單一致的UI來運(yùn)行Grunt、Gulp或 npm任務(wù)。 所有任務(wù)都列舉在一個(gè)特殊工具 窗口中，所以只需雙擊任務(wù)名稱即可啟動(dòng)它。

11、代碼質(zhì)量工具

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

12、項(xiàng)目模板

使用常用項(xiàng)目模板，比如：Express 或Web入門套件從歡迎屏幕啟動(dòng)新項(xiàng)目，并且 因?yàn)榕cYeoman集成，所以可以訪問更多項(xiàng)目生成器。

13、IDE功能

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

14、VCS

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

15、本地歷史

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

16、定制

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

webStorm2021怎么設(shè)置中文

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

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

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

軟件功能

1、使用 Prettier 作為默認(rèn)格式化程序

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

2、獲得對(duì) Nuxt.js 的支持

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

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

借助 Vue 特定的代碼樣式設(shè)置，您可以選擇哪些頂級(jí)標(biāo)記的內(nèi)容應(yīng)縮進(jìn)，以及縮進(jìn)對(duì)于整個(gè) Vue 文件都應(yīng)相同還是應(yīng)取決于語言設(shè)置。 您還可以更改內(nèi)插在 Vue 代碼中的格式。

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

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

5、直接在編輯器中呈現(xiàn) JSDoc 注釋

閱讀 JSDoc 注釋可能是一個(gè)挑戰(zhàn)，因?yàn)槟仨毑榭此袠?biāo)記。 為了便于閱讀，我們將這些注釋直接呈現(xiàn)在編輯器中，消除了不必要的干擾。

6、支持從工具窗口啟動(dòng)調(diào)試

WebStorm 現(xiàn)在允許從 Run 和 Terminal 工具窗口啟動(dòng)調(diào)試會(huì)話。 例如，如果您運(yùn)行像 npmstart 一樣的腳本，按住 Ctrl+Shift 并點(diǎn)擊該腳本輸出中的 http 鏈接，IDE 將為您啟動(dòng) JavaScript 調(diào)試會(huì)話。

7、改進(jìn)了調(diào)試時(shí)的項(xiàng)預(yù)覽

在調(diào)試時(shí)，您會(huì)注意到在內(nèi)置控制臺(tái)中對(duì)項(xiàng)預(yù)覽進(jìn)行了一些增強(qiáng)。 借助這些功能增強(qiáng)，無需將對(duì)象展開，即可查看對(duì)象的更有用詳細(xì)信息。

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

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

9、在 IDE 中預(yù)覽 WebP 圖像

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

10、享受對(duì) GitHub 拉取請(qǐng)求的全面支持

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

11、為 Git 操作重新設(shè)計(jì)了對(duì)話框

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

12、從日志 squash 本地提交

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

13、更快地識(shí)別代碼中的問題

使用新的 Inspections 微件和 Problems 工具窗口，您可以獲得有關(guān)當(dāng)前文件中警告、錯(cuò)誤和其他問題數(shù)量的詳細(xì)信息，并在它們之間瀏覽。

14、在每個(gè)選定行的末尾添加脫字符號(hào)

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

軟件優(yōu)勢(shì)

1、快速啟動(dòng)和運(yùn)行

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

2、提高生產(chǎn)力

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

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

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

4、迅速找到所需代碼

無論項(xiàng)目有多大，都可以更快地找到代碼。 只需點(diǎn)擊幾次，即可跳到任何類、函數(shù)、方法、變量或組件的定義，并找到其用法。 在您打開的文件內(nèi)輕松導(dǎo)航，而且其結(jié)構(gòu)一覽無余。

5、根據(jù)您的喜好調(diào)整外觀

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