工欲善其事必先利其器，對(duì)于開(kāi)發(fā)人員而言，一款優(yōu)秀的開(kāi)發(fā)工具肯定必不可少。為此小編帶來(lái)了webStorm2021中文版，這是JetBrains旗下的一款功能全面的JavaScript開(kāi)發(fā)工具，它憑借智能代碼補(bǔ)全、代碼格式化、html提示、聯(lián)想查詢、代碼調(diào)試等多種優(yōu)勢(shì)功能，受到了業(yè)內(nèi)人員的寵愛(ài)，因此也被廣大js開(kāi)發(fā)者譽(yù)為“Web前端開(kāi)發(fā)神器”。webStorm2021在上一版本的基礎(chǔ)上，進(jìn)行了全方面的優(yōu)化和新增，為了讓開(kāi)發(fā)者更好的進(jìn)行使用，全新優(yōu)化了用戶界面，現(xiàn)支持中文、韓文、日文等多國(guó)語(yǔ)言，開(kāi)發(fā)者可以更輕松地重新組織工具窗口，完成自定義項(xiàng)目圖標(biāo)等操作，簡(jiǎn)單易用的方式，大大提高了代碼的開(kāi)發(fā)速度。不僅如此，為了解決新的預(yù)提交發(fā)生代碼錯(cuò)誤問(wèn)題，webStorm2021新增了一個(gè)強(qiáng)大的新選項(xiàng)功能，它會(huì)在編輯結(jié)束之后測(cè)試您的文件并警告您任何問(wèn)題，很好地避免問(wèn)題發(fā)生。簡(jiǎn)而言之，webStorm一直都為我們帶來(lái)許多意外之喜，這次也不例外，快來(lái)親身體驗(yàn)吧。

webStorm2021中文版怎么設(shè)置

1、在本站解壓得到webStorm2021安裝包后進(jìn)行安裝，運(yùn)行后默認(rèn)為英文，選擇"Plugins"，直接快捷鍵“Ctrl+ALT+S”打開(kāi)“Settings -> Plugins”進(jìn)行設(shè)置；

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

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

4、這樣webStorm2021已經(jīng)成功換成中文語(yǔ)言了，快來(lái)免費(fèi)使用吧。

webstorm使用教程

一、【怎么改字體大小】
1、webstorm默認(rèn)的字體大小一般，不適合許多人，接下來(lái)小編就演示一下如何修改字體大小。

2、如圖，點(diǎn)擊“文件”——“設(shè)置”，或者直接Ctrl+Alt+S快捷鍵。

3、然后用鼠標(biāo)雙擊“編輯器”——“顏色和字體”。

4、接著找到“font”，并且用鼠標(biāo)單擊“font”選項(xiàng)。

5、如果是新安裝的webstorm，是無(wú)法編輯字體大小的，接著我們點(diǎn)擊”另存為“，如果可以編輯字體，則忽略這一步。

6、點(diǎn)擊另存為會(huì)彈出一個(gè)”配色方案“窗口，隨便命名一下就可以了。

7、之后，當(dāng)”刪除“按鈕變亮，說(shuō)明可以 編輯字體了，這時(shí)候修改字體即可。

8、最后預(yù)覽字體大小效果，合適就點(diǎn)擊”確定“即可。

9、webstorm代碼變大了，如果沒(méi)有變大則重新啟動(dòng)即可。

二、【怎么改背景顏色】
1、打開(kāi)WebStorm的背景色是純白色，這是默認(rèn)背景色。

2、找到左上角的文件并點(diǎn)擊，進(jìn)入設(shè)置。如圖所示：

3、找到并點(diǎn)擊“Colors & Fonts”然后點(diǎn)擊“Editor”（編輯）打開(kāi)。如圖所示：

4、打開(kāi)“Editor”后，找到“下面的HTML”點(diǎn)擊進(jìn)入。

5、這時(shí)查看右，下拉選項(xiàng)框選擇你想要的背景色。

6、確定背景色后，找到并點(diǎn)擊“Save as”選項(xiàng)及為保存，輸入你喜歡的名字點(diǎn)擊OK就可以更改背景色了。

三、【怎么打開(kāi)終端】
1、通過(guò)視圖打開(kāi)
點(diǎn)擊View--->Tool Windows--->Terminal

打開(kāi)終端，輸入執(zhí)行命令

2、使用快捷鍵打開(kāi)
使用 Alt + C快捷鍵打開(kāi)終端窗口

3、點(diǎn)擊縮略打開(kāi)
在WebStorm左下方，有個(gè)Terminal圖標(biāo)，點(diǎn)擊就可以打開(kāi)終端窗口

webStorm2021新功能

一、代碼編輯
1、保存時(shí)重新加載頁(yè)面
您要求我們改進(jìn)實(shí)時(shí)編輯功能， 我們做到了！WebStorm 現(xiàn)在可以在您編輯和保存 HTML、CSS 和 JavaScript 文件時(shí)自動(dòng)更新瀏覽器中的頁(yè)面。首先，在編輯器中打開(kāi)一個(gè) HTML 文件，將鼠標(biāo)懸停在它上面，然后單擊要使用的瀏覽器的圖標(biāo)——所有瀏覽器都受支持。

2、保存時(shí)的操作
你喜歡在保存時(shí)執(zhí)行某些操作嗎？WebStorm 2021.2 現(xiàn)在正確 支持此工作流程！我們重新設(shè)計(jì)了所有現(xiàn)有功能，將其集中在一處，并通過(guò)一些新選項(xiàng)對(duì)其進(jìn)行了增強(qiáng)，包括重新格式化代碼和優(yōu)化保存時(shí)導(dǎo)入的能力。

3、更快地創(chuàng)建臨時(shí)文件
想要在項(xiàng)目上下文之外處理一些代碼嗎？在編輯器中選擇它，然后按Alt+Enter并選擇 Create new scratch file from selection。這將創(chuàng)建一個(gè)帶有所需代碼的 臨時(shí)文件。
4、Code With Me 同步完成
當(dāng)你是繼守則與我會(huì)話期間模式，你現(xiàn)在可以 保持的代碼完成建議的軌道，你下列用途的人。
二、JavaScript 和打字稿
1、自動(dòng)導(dǎo)入 require
您知道 WebStorm 可以 在您完成 ES6 符號(hào)時(shí)添加缺少的導(dǎo)入語(yǔ)句嗎？它現(xiàn)在也可以對(duì) CommonJS 模塊執(zhí)行相同的操作——可以在代碼完成時(shí)插入require導(dǎo)入。

2、支持 JSDoc 中的 TypeScript 類型
WebStorm 現(xiàn)在正確支持.js文件中JSDoc 注釋中使用的 TypeScript 語(yǔ)法。我們 重新設(shè)計(jì)并擴(kuò)展了現(xiàn)有支持并修復(fù)了許多已知問(wèn)題。

3、箭頭函數(shù)的新動(dòng)作
需要快速向代碼中添加箭頭函數(shù)嗎？您現(xiàn)在可以使用 Ctrl+Alt+J. 您還可以鍵入arf并按 Tab展開(kāi)模板并添加空箭頭功能。

4、調(diào)試時(shí)預(yù)覽選項(xiàng)卡
以前僅適用于項(xiàng)目視圖 的 預(yù)覽選項(xiàng)卡現(xiàn)在可以在您調(diào)試應(yīng)用程序時(shí)使用。要打開(kāi)它，請(qǐng)轉(zhuǎn)到 首選項(xiàng)/設(shè)置 | 編輯 | 一般 | 編輯器選項(xiàng)卡 并勾選 啟用預(yù)覽選項(xiàng)卡復(fù)選框。這將幫助您 避免多個(gè)文件使編輯器混亂，因?yàn)?WebStorm 將在一個(gè)選項(xiàng)卡中連續(xù)打開(kāi)文件。

三、框架和技術(shù)
1、React useState 鉤子的重命名重構(gòu)
您不再需要浪費(fèi)時(shí)間 一一重構(gòu)useState值和函數(shù)——WebStorm 現(xiàn)在可以為您重命名兩者！將插入符號(hào)放在狀態(tài)值上，然后按 Shift+F6或 轉(zhuǎn)到Refactor | 從右鍵單擊上下文菜單中重命名。

2、完成私有 npm 包添加新的項(xiàng)目依賴項(xiàng)package.json變得更加容易，因?yàn)榇a完成現(xiàn)在適用于私有 npm 包。WebStorm 允許您檢查有關(guān)軟件包最新版本的信息，就像檢查公共軟件包一樣。

3、支持類名和 clsx 庫(kù)為了幫助您更高效地使用 React 項(xiàng)目中的 CSS 類，我們添加了對(duì)流行 類名 和 clsx 庫(kù)的支持。WebStorm 將顯示CSS 類的補(bǔ)全建議， 并使用文字名稱解析字符串文字和屬性中的所有符號(hào)。
4、對(duì)網(wǎng)絡(luò)類型的通用支持
我們擴(kuò)展了對(duì)web-types 的支持 ，這是一種用于記錄 Web 框架的開(kāi)源標(biāo)準(zhǔn)。它以前專注于 Vue 支持。但是現(xiàn)在您可以使用它來(lái) 豐富HTML 文件中自定義組件的編碼幫助。觀看 此網(wǎng)絡(luò)研討會(huì)錄像以了解更多信息。
四、版本控制
1、新的預(yù)提交檢查想要在提交之前運(yùn)行測(cè)試來(lái)檢查您的代碼嗎？我們添加了一個(gè)新選項(xiàng)來(lái)幫助您執(zhí)行此操作。單擊Commit 工具窗口中的齒輪圖標(biāo)，選擇Run Tests，然后選擇所需的運(yùn)行配置。WebStorm 將測(cè)試您的文件并警告您任何問(wèn)題。

2、GPG 簽名支持
您現(xiàn)在可以通過(guò)使用 GPG 密鑰對(duì)提交進(jìn)行簽名來(lái)保護(hù)您的提交。您可以通過(guò)打開(kāi)此功能配置GPG密鑰......在 首選項(xiàng)/設(shè)置| 版本控制 | 吉特。
3、本地歷史搜索
現(xiàn)在更容易 在本地歷史中進(jìn)行修訂。右鍵單擊已更改的文件，然后轉(zhuǎn)到本地歷史記錄 | 顯示歷史記錄 并使用搜索字段瀏覽您的修訂。
五、可用性
1、本地化用戶界面
從這個(gè)版本開(kāi)始，您可以享受中文、 韓文和 日文完全本地化的 WebStorm UI 。本地化可作為非捆綁語(yǔ)言包插件使用，可以從Preferences / Settings |安裝在 WebStorm 中。插件。

2、更快的工具窗口重組
現(xiàn)在可以更輕松地重新組織工具窗口。將鼠標(biāo)懸停在您要移動(dòng)的工具窗口的頂部，然后將其拖放到您想要的位置并將其放在 那里。如果您也想從 WebStorm 主窗口分離工具窗口，這將起作用 - 只需將其拖到 IDE 框架之外。

3、更輕松地自定義項(xiàng)目圖標(biāo)
您知道可以為項(xiàng)目分配自定義圖標(biāo)嗎？我們使這個(gè)過(guò)程更加簡(jiǎn)單。在 WebStorm 的歡迎屏幕上右鍵單擊一個(gè)項(xiàng)目 ，然后選擇更改項(xiàng)目圖標(biāo)...選項(xiàng)并上傳要與該項(xiàng)目關(guān)聯(lián)的 SVG 文件。

4、來(lái)自 Toolbox 應(yīng)用程序的更新通知
您將不再錯(cuò)過(guò)Toolbox App 的任何重要產(chǎn)品更新 。WebStorm 會(huì)通知您是否有新版本可供下載，并為您提供升級(jí)選項(xiàng)——只需確保您擁有 Toolbox App 版本 1.20.8804 或更高版本。

5、改進(jìn)的首選項(xiàng)/設(shè)置對(duì)話框
現(xiàn)在在您的 首選項(xiàng)/設(shè)置對(duì)話框中有一個(gè)帶有高級(jí)設(shè)置的節(jié)點(diǎn)。您可以在那里找到一些新的配置選項(xiàng)，包括在無(wú)干擾模式下設(shè)置左邊距的 功能。此外，您現(xiàn)在可以更快地在最近打開(kāi)的節(jié)點(diǎn)之間跳轉(zhuǎn)-只需使用對(duì)話框右上角的箭頭即可。

6、自動(dòng)緩存和日志清理
每次重大更新后，WebStorm 都會(huì)清理所有上次更新時(shí)間超過(guò)180天的緩存和日志目錄。系統(tǒng)設(shè)置和插件目錄將保持不變。要手動(dòng)觸發(fā)此過(guò)程，請(qǐng)轉(zhuǎn)到幫助|在主菜單中 刪除剩余的IDE目錄...。
7、內(nèi)置終端的新功能
我們 為內(nèi)置終端添加了 三項(xiàng)新功能，以改善您的使用體驗(yàn)。您現(xiàn)在可以 更改光標(biāo)形狀并使?鍵充當(dāng)元修飾符 - 在首選項(xiàng)/設(shè)置 | 中查找這些選項(xiàng)。 工具 | 終端。此外，現(xiàn)在使用 http鏈接更加方便。