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

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

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

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

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

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

webstorm使用教程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2、使用快捷鍵打開
使用 Alt + C快捷鍵打開終端窗口

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

webStorm2021新功能

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

2、保存時(shí)的操作
你喜歡在保存時(shí)執(zhí)行某些操作嗎？WebStorm 2021.2 現(xiàn)在正確 支持此工作流程！我們重新設(shè)計(jì)了所有現(xiàn)有功能，將其集中在一處，并通過一些新選項(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)入語句嗎？它現(xiàn)在也可以對(duì) CommonJS 模塊執(zhí)行相同的操作——可以在代碼完成時(shí)插入require導(dǎo)入。

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

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

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

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

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

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

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

4、來自 Toolbox 應(yīng)用程序的更新通知
您將不再錯(cuò)過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)，包括在無干擾模式下設(shè)置左邊距的 功能。此外，您現(xiàn)在可以更快地在最近打開的節(jié)點(diǎn)之間跳轉(zhuǎn)-只需使用對(duì)話框右上角的箭頭即可。

6、自動(dòng)緩存和日志清理
每次重大更新后，WebStorm 都會(huì)清理所有上次更新時(shí)間超過180天的緩存和日志目錄。系統(tǒng)設(shè)置和插件目錄將保持不變。要手動(dòng)觸發(fā)此過程，請(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鏈接更加方便。