軟件介紹

WebStorm2023最新版免費是一款由JetBrains公司推出的Web開發(fā)IDE，被廣闊我國JS開發(fā)者稱為“Web前端開發(fā)神器”、“最強壯的HTML5修改器”、“最智能的JavaScript IDE”等。它為前端和后端開發(fā)人員供給強壯且易于運用的東西，包括代碼修改、調(diào)試、版別操控、主動補全等功用，協(xié)助開發(fā)人員更快地編寫高質量的代碼。

WebStorm2023最新版免費除了集成了許多實用功用外，還支撐自界說快捷鍵、作業(yè)空間，便利用戶進行自在裝備和操作。它內(nèi)置的操控臺能夠便利地查看程序運轉狀況，快速定位和解決問題。

WebStorm 2023裝置教程

1、雙擊翻開WebStorm-2023.1.2.exe裝置包，設置裝置途徑，點擊Next；

2、依據(jù)自己需求隨意設置，不影響破解，點擊Next；

3、點擊Install；

4、勾選RunWebStorm，點擊Finish；

5、Webstorm運轉成功后，會彈出下面的對話框，提示咱們需求先登錄JetBrains賬戶才干運用，點擊exit即可；

6、記住先解壓，解壓后的目錄如下，本文后邊所需補丁都在下面標示的這個文件夾中；

7、點擊【方法3】文件夾，進入到文件夾/jetbra，目錄如下；

8、將上面圖示的補丁的所屬文件夾/jetbra仿制電腦某個方位，小編這兒放置到了D:/盤根目錄下；

留意：補丁所屬文件夾需獨自寄存，且放置的途徑不要有中文與空格，避免IDEA讀取補丁過錯；

9、點擊進入/jetbra補丁目錄，再點擊進入/scripts文件夾，雙擊履行install-current-user.vbs破解腳本；

留意：假如履行腳本被安全軟件提示有危險阻攔，答應履行即可。

10、從頭翻開Webstorm，填入指定激活碼完結激活；

11、點擊激活后，就能夠看到激活成功辣，又能夠高興的coding了~。

WebStorm 2023怎樣設置中文？

1、翻開WebStorm軟件，然后點擊File–Settings按鈕或許直接按下Ctrl+Alt+S組合鍵，翻開Settings窗口。

2、在Settings窗口左邊的菜單中，挑選Plugins，然后在右側的查找欄中輸入“中文”，查找插件。

3、挑選“Chinese（Simplified） Language Pack / 中文言語包”（PS：下載次數(shù)最多那個），然后點擊install裝置，裝置完安成后重啟WebStorm，漢化完結。

WebStorm 2023新增功用

Astro 支撐、對 Vue 模板的 TypeScript 支撐、Tailwind CSS 裝備、完好的 IDE 縮放、對新 UI 和版別操控集成的改善等等。

結構和技能

地理支撐

期待已久的 Astro 支撐已登陸 WebStorm！您能夠經(jīng)過咱們新的 Astro 插件取得它，該插件能夠從Preferences / Settings |裝置 插件。該插件供給基本功用，包括語法杰出顯現(xiàn)、主動導入代碼完結、重構、導航、 正確格局和更多。

在 Vue 模板中支撐 TypeScript

咱們在 Vue 模板中添加了 TypeScript 支撐。當您將符號lang中的特點設置為 時，它會被啟用 。曾經(jīng)，不管符號中的特點怎么，都運用 JavaScript 。WebStorm 現(xiàn)在將支撐 內(nèi)聯(lián)轉化、改善的類型縮小以及 有關Vue 單文件組件模板快速文檔中 揣度類型的正確信息。script ts lang script

Vue 中的自界說組件事情完結

此版別中還有一個 Vue 特定的改善值得一提。您現(xiàn)在能夠在 Vue 模板中為您的自界說組件事情完結代碼。這在 JavaScript 和 TypeScript 中的作業(yè)方法相同。

仿制張貼時添加的組件導入

當您將代碼從一個文件仿制并張貼到另一個文件時，WebStorm 會 主動添加一切必需的導入。曾經(jīng)純 JavaScript、TypeScript 言語和 React 模板便是這種狀況。在 WebStorm 2023.1 中，它現(xiàn)在也適用于Vue、Svelte、Astro和 Angular 模板。

React 道具的參數(shù)信息

咱們添加了一種新方法來顯現(xiàn)組件道具的預期類型。假如你按下 Ctrl+Pprops 傳遞給組件的當?shù)?，你會得到一個帶有類型信息的彈出窗口。曾經(jīng)，此信息只能經(jīng)過懸停取得，這關于以鍵盤為中心的用戶來說很不便利。

Angular 的新特性

當您在 Angular 模板中作業(yè)時， WebStorm 會在代碼完結時主動將大局和導出符號的導入添加到您的組件中。IDE 還NgoptimizedImage經(jīng)過供給主張運用ngSrc而不是 srcfor 的查看來支撐 Angular 15 指令img。

能夠在文件夾中運轉 Jest 測驗

您現(xiàn)在能夠經(jīng)過右鍵單擊上下文菜單在特定文件夾中運轉一切測驗。此功用適用于 Vitest，現(xiàn)在咱們也為 Jest 完結了它。

JavaScript 和打字稿

將字符串主動轉化為模板文字

WebStorm 現(xiàn)在會在您鍵入時主動將單引號或雙引號字符串轉化為模板文字${。這適用于原始字符串以及 JSX 特點。

更好地優(yōu)先排序導入庫以進行主動導入

當從具有相同導出元素稱號的不同庫添加主動導入時，咱們改善了 IDE 的行為。 現(xiàn)在依據(jù)項目中現(xiàn)有的導入添加主動導入。假如您需求為另一個庫中的元素添加導入，則有必要手動添加導入句子。WebStorm 將像曾經(jīng)的版別相同供給彈出窗口。

對齊 TypeScript 和 JavaScript 之間的導入行為

咱們調(diào)整了 TypeScript 和 JavaScript 的導入行為。在 TypeScript 中， 您將在上下文操作中看到導入選項，就像在 JavaScript 中相同。您能夠經(jīng)過按 翻開上下文操作 Alt+Enter。一致設置在 Preferences / Settings | 修改| 一般 | 主動導入。

符號言語和 CSS

順風 CSS 裝備

在此版別中，咱們添加了對裝備選項的支撐，例如選項下的自界說類名完結classAttributes，或像tailwindCSS.experimental.configFile. 您能夠在Preferences / Settings |下設置這些裝備選項。言語與結構 | 款式表 | 順風 CSS。

裝備 HTML 代碼完結的選項

WebStorm 2021.3 引入了HTML 補全功用，能夠 在您鍵入時顯現(xiàn)標簽稱號或縮寫。在 HTML 中輸入純文本時，此行為可能會渙散留意力，因而咱們添加了一個選項來禁用它。您能夠在首選項/設置 |中找到新選項。 修改| 一般 | 代碼完結。

降價改善

您現(xiàn)在能夠運用快速修正來更正 Markdown 表格的格局。此外，還有一個新的填充階段修改器操作，能夠輕松地將長文本分紅幾行等寬的行。最終，咱們在 Preferences / Settings |下引入了專用的 Markdown 設置選項頁面。修改| 一般 | 智能鑰匙。閱覽 這篇博文以了解更多信息。

在 PostCSS 中挑選行注釋款式的選項

Preferences / Settings | 中有一個新選項 修改| 代碼風格 | 款式表 | CSS | 答應您 指定在 PostCSS 文件中運用哪種行注釋款式的PostCSS。您能夠運用 注釋行Ctrl+/，它將運用您挑選的行注釋款式來完結。

新用戶界面

改善了新的 UI

上一年，咱們?yōu)?WebStorm 和其他 JetBrains IDE引入了一個新的、更精約的 UI 。咱們一直在依據(jù)您的反應進一步完善新的 UI，并邀請您再試一次。您能夠在首選項/設置 |中這樣做 外觀與行為 | 新用戶界面。持續(xù)閱覽以了解此版別中的要害 UI 更改。

新用戶界面：東西窗口的筆直拆分

WebStorm 2023.1 答應您切割東西窗口的區(qū)域并擺放它們，這樣您就能夠一同看到兩個。將東西窗口圖標從側邊欄拖放到分隔符下方?；蛟S，您能夠右鍵單擊該圖標并運用移動到 操作為東西窗口分配新方位。

新用戶界面：精簡形式

為了更輕松地在較小的屏幕上作業(yè)，咱們引入了緊湊形式。它經(jīng)過更精簡的東西欄和東西窗口標題、縮小的距離和填充以及更小的圖標和按鈕供給了更一致的外觀。要翻開新形式，請轉到查看 | 外觀 | 主菜單中的 緊湊形式。

新 UI：macOS 上的項目選項卡

咱們現(xiàn)已為新 UI 完結了最受歡迎的功用懇求之一——適用于 macOS 用戶的項目選項卡。當您翻開多個項目時，您現(xiàn)在能夠 運用主東西欄下方顯現(xiàn)的 項目選項卡在它們之間切換。

新用戶界面：從頭規(guī)劃的運轉小部件

作為對咱們收到的有關 IDE 新 UI 的反應的回應，咱們從頭規(guī)劃了主窗口標題中的“運轉”小部件，以使其 不那么突兀，而且更漂亮。

新用戶界面：從頭完結了搶手功用

咱們添加了一些人們在新 UI 中短少的搶手功用。例如，Show Hidden Tabs挑選器與Branches彈出窗口中的Fetch操作一同回來 。此外，咱們經(jīng)過躲藏首要東西欄元素并在范圍內(nèi)顯現(xiàn)文件名， 對Distraction Free和Zen Modes 進行了改善。

用戶體會

全IDE縮放

現(xiàn)在能夠放大和縮小 WebStorm，一次添加或削減一切 UI 元素的巨細。從主菜單中，挑選 查看 | 外觀 | 切換 Zoom IDE。您還能夠 從那里經(jīng)過ZoomCtrl+`按下并調(diào)整 IDE 的縮放份額。

記住每個東西窗口設置的巨細

咱們引入了一個新的布局選項，答應您 一致側東西窗口的寬度或保留在自界說布局時調(diào)整其巨細的才能。首選項/設置 |中供給了 新的 記住每個東西窗口巨細復選框。外觀與行為 | 外觀 | 東西窗口。

設置為新項目裝備保存操作

WebStorm 2023.1 添加了一個選項來預界說 新項目的保存操作行為。為此，轉到 文件 | 新項目設置 | 新項目的首選項/設置 | 東西 | 保存時的操作 并挑選在您將來的項目中保存更改時要觸發(fā)的操作。

ML 驅動的類查找

為了向您供給更相關和更精確的查找成果，咱們持續(xù)盡力將機器學習排名集成到Search Everywhere ( Double Shift) 功用中。“類”選項卡中的排序算法現(xiàn)在也默許由機器學習供給支撐，以及“操作”和“文件”選項卡中的成果。

康復古的仿制剪切張貼行為的選項

咱們添加了一個選項，能夠將 仿制-剪切-張貼行為康復 到前期版別的 WebStorm 中。這將答應您將 剪貼板內(nèi)容張貼到 caret 處，而不是將它們張貼到前一行。此選項坐落 首選項/設置 |中張貼未挑選仿制的行時的下拉菜單 中。高檔設置 | 修改。

智能形式掃描文件索引

咱們經(jīng)過在智能形式下履行 Scanning files to index...進程改善了 IDE 發(fā)動體會，這應該會 削減因發(fā)動時等候索引而導致的推遲。當翻開一個項目時，WebStorm 將運用該項目在前一個會話中的現(xiàn)有緩存，并尋覓任何新文件來樹立索引。假如 IDE 在掃描時沒有發(fā)現(xiàn)任何改變，它就會準備就緒。

更改 Microsoft Defender 設置的主張

WebStorm 2023.1包括一個新告訴，該告訴在啟用具有實時維護功用的 Microsoft Defender 時觸發(fā)。WebStorm 主張將某些文件夾添加到 Defender 的掃除列表中，由于這些防病毒查看會明顯下降 IDE 的速度。

常用快捷鍵

1、Tab：主動補全

2、仿制當時行：Ctrl+D

3、刪去當時行：Ctrl+Y

4、注釋或許撤銷當時注釋：Ctrl+/

5、注釋或許撤銷多行注釋：Ctrl+Shift+/

6、一同修改：Alt

按住Alt鍵，選中多個，能夠一同進行修改

7、包括聯(lián)系：>

留意：有必要具有包括聯(lián)系才干用>操作

8、新建多個：*

留意：一般與>調(diào)配運用

9、定位行號：Ctrl+G