JetBrains WebStorm2020提供代碼編輯功能，軟件提供豐富的編輯器，為用戶開發(fā)新的程序提供幫助，您可以在軟件新建 Empty Project、Angular CLI、AngularJs、Bootstrap、Cordova App、HTML5 Boilerplate、Meteor App、Node.js、Node. js Express App等項目，使用官方的模板就可以快速編輯新的產(chǎn)品，這里小編推薦的是JetBrains WebStorm2020破解補(bǔ)丁，通過這款補(bǔ)丁就可以將主程序激活，從而解除試用期限，如果你沒有購買軟件，可以通過這款軟件立即激活，從而延長使用時間，方便你學(xué)習(xí)該軟件編程技巧！

新版特色

　　1、更有幫助的快速文檔

　　對于 JavaScript 和 TypeScript，Documentation 彈出窗口現(xiàn)在會顯示更多有用的信息，包括符號類型和可視性的詳細(xì)信息以及定義符號的位置。

　　2、為紹字段重構(gòu)重新設(shè)計了 UI

　　通過更新的 Introduce Field 重構(gòu)，您可以查看正在使用的代碼上下文中的更改預(yù)覽。 另外，現(xiàn)在只需較少的點擊即可應(yīng)用重構(gòu)。

　　3、支持更多TypeScript 3.8 功能

　　WebStorm 2020.1 捆綁附帶了 TypeScript 3.8，并引入了對新 TypeScript 3.8 功能的全面支持，例如僅類型導(dǎo)入 / 導(dǎo)出、私有字段和頂級 await。

　　4、保存時運行 Prettier

　　使用新的 Run on save for files 選項，您保存這些文件后，WebStorm 會將 Prettier 格式化應(yīng)用到 IDE 設(shè)置中指定并在項目中編輯的所有文件。 不再需要文件觀察程序或第三方插件。

　　5、排顯示終端會話

　　為了簡化使用內(nèi)置終端仿真器的工作，WebStorm 現(xiàn)在允許您垂直和水平拆分終端會話。 關(guān)注當(dāng)前使用的幾種工具輸出，而無需在選項卡之間切換。

　　6、捆綁式拼寫檢查工具

　　從 v2020.1 開始，WebStorm 將與 Grazie（我們的拼寫、語法和樣式檢查工具）捆綁在一起。 這將幫助您避免在添加注釋，提交消息和 JavaScript 語言結(jié)構(gòu)時出現(xiàn)語法錯誤。

安裝方法

　　1、下載軟件以后點擊WebStorm-2020.1.exe啟動安裝

　　2、提示軟件的安裝地址C:\Program Files\JetBrains\WebStorm 2020.1

　　3、顯示快捷方式設(shè)置，勾選64位的運行快捷方式

　　4、提示開始菜單名字設(shè)置，默認(rèn)JetBrains

　　5、提示安裝進(jìn)度，等待軟件安裝結(jié)束吧

　　6、JetBrains WebStorm2020已經(jīng)安裝結(jié)束，點擊完成啟動軟件

破解方法

　　1、打開JetBrains WebStorm2020軟件顯示引導(dǎo)內(nèi)容，點擊OK

　　2、提示軟件界面風(fēng)格設(shè)置，兩種模式，點擊Skip Remaining and Set Defaults跳過

　　3、提示激活功能，選擇Evaluate for free， Evaluate

　　4、如圖所示，找到你下載的補(bǔ)丁jetbrains-agent-latest.zip，拖動到軟件界面就可以彈出安裝

　　5、點擊Restart重啟軟件 安裝破解補(bǔ)丁

　　6、選擇為WebStorm安裝，點擊是，安裝結(jié)束會重啟軟件

　　7、現(xiàn)在軟件激活成功，將軟件關(guān)閉

　　8、將漢化包resources_zh_CN_WebStorm_2020_r1.jar復(fù)制到安裝地址下“l(fā)ib”文件夾

　　9、打開軟件，軟件界面顯示中文，您可以創(chuàng)建一個項目或者是打開一個項目

　　10、這里是項目選址功能，在軟件界面選擇自己需要新建的項目，設(shè)置項目保存地址

　　11、進(jìn)入jetbrains WebStorm 2020軟件界面就可以開始編輯代碼

　　12、可以看到軟件已經(jīng)激活完畢，現(xiàn)在軟件就是免費的

官方教程

　　npm和紗線?

　　WebStorm與npm，Yarn和Yarn 2集成在一起，因此您可以從IDE內(nèi)部安裝，定位，升級和刪除可重用代碼包。該Node.js和受NPM頁面提供了管理軟件包的專用UI。當(dāng)然，您也可以從內(nèi)置Terminal中的命令行執(zhí)行此操作 。

　　WebStorm還允許您運行和調(diào)試npm腳本。WebStorm解析package.json文件，識別腳本的定義，在樹視圖中顯示腳本，并允許您在樹中的腳本和package.json文件中的定義之間導(dǎo)航。

　　WebStorm使用Yarn工作區(qū)檢測項目， 并為工作區(qū)的package.json文件中列出但位于根node_modules文件夾中的所有依賴項建立索引。

　　在你開始之前?

　　下載并安裝 Node.js的。請注意，還安裝了npm，因此，如果要使用它，則已完成準(zhǔn)備工作。

　　要使用紗1或紗2，請按照紗1官方網(wǎng)站上的說明安裝紗1 。

　　選擇一個項目包管理器?

　　使用WebStorm，您可以選擇在項目中使用npm，Yarn還是Yarn 2。 默認(rèn)情況下，WebStorm建議使用npm。但是，如果打開帶有yarn.lock文件的項目，并且計算機(jī)上安裝了Yarn，則WebStorm會自動將此項目的程序包管理器更改為Yarn。您還可以將Yarn 1設(shè)置為默認(rèn)的WebStorm程序包管理器。

　　在 在設(shè)置/首選項對話框中 Ctrl+Alt+S，轉(zhuǎn)到語言和框架| Node.js和NPM。將打開“ Node.js和NPM”頁面。

　　在包管理器字段中，為您的項目指定包管理器。

　　選擇npm或yarn以使用系統(tǒng)默認(rèn)安裝。

　　WebStorm 對這些管理器的當(dāng)前系統(tǒng)路徑使用npm和yarn別名。如果選擇另一個Node.js版本，WebStorm還將更改npm別名路徑，以指向與所選Node.js版本捆綁在一起的npm版本。

　　要使用軟件包管理器的自定義安裝，請單擊“ 選擇”，然后選擇相關(guān)軟件包管理器的安裝文件夾。

　　當(dāng)您Project從“ 運行/調(diào)試配置：NPM”對話框的“ 包管理器”列表中選擇別名時，WebStorm會自動使用所選的包管理器。每次調(diào)用“ 運行'npm install' / 運行'yarn install'命令或運行npm / Yarn腳本時，WebStorm都會使用所選軟件包管理器的路徑，有關(guān)詳細(xì)信息，請參閱運行和調(diào)試腳本。

　　在您的項目中設(shè)置Yarn 2?

　　建議您在項目中本地安裝紗線2，而應(yīng)在全局范圍內(nèi)安裝紗線1。從Yarn官方網(wǎng)站了解更多信息。

　　確保按照紗線1官方網(wǎng)站上的說明在全球范圍內(nèi)安裝了紗線1。

　　打開嵌入式終端（Alt+F12），然后根據(jù)全局安裝的Yarn 1的版本，鍵入：

　　yarn set version berry 對于Yarn 1.22及更高版本

　　yarn policies set-version berry 對于早期版本

　　在 在設(shè)置/首選項對話框中 Ctrl+Alt+S，轉(zhuǎn)到語言和框架| Node.js和NPM，然后從“ 包管理器” 列表中選擇項目中的Yarn 2包的路徑。

　　將Yarn 1設(shè)置為默認(rèn)的WebStorm程序包管理器?

　　確保按照紗線1官方網(wǎng)站上的說明在全球范圍內(nèi)安裝了紗線1。

　　打開“新項目的設(shè)置”對話框（“ 文件” |“新項目設(shè)置” |“新項目的設(shè)置”），然后轉(zhuǎn)到“ 語言和框架” |“設(shè)置”。Node.js和NPM。在打開的Node.js和NPM頁面上，yarn從“ 程序包管理器”列表中選擇。

　　之后，每次創(chuàng)建新項目時，WebStorm都會建議將Yarn設(shè)置為默認(rèn)值。

　　使用內(nèi)置終端安裝軟件包?

　　如您所知，npm既可以全局安裝軟件包，也可以 作為項目依賴項或開發(fā)依賴項安裝軟件包，請從npm官方網(wǎng)站上了解更多信息。使用Yarn，您還可以全局安裝軟件包 或作為項目依賴項安裝，有關(guān)詳細(xì)信息，請參見Yarn官方網(wǎng)站。

　　安裝套件?

　　在嵌入式終端（Alt+F12）中，鍵入以下命令之一：

　　npm install --global 或yarn global add 用于全局安裝。

　　npm install --save ，npm install --save-dev 或 yarn add --dev 將軟件包安裝為項目依賴項或開發(fā)依賴項。

　　從package.json文件安裝所有依賴項?

　　在嵌入式終端（Alt+F12）中，鍵入以下命令之一：

　　npm installyarn install結(jié)果，您從當(dāng)前文件夾中獲得了package.json中列出的所有依賴項。從Editing package.json了解更多信息。

　　對于通過Yarn 2安裝的軟件包，WebStorm會顯示yarn:package.json:< package name>而不是它們的路徑：

　　在Node.js和NPM頁面上安裝和升級軟件包?

　　WebStorm在Node.js和NPM頁面上顯示所有當(dāng)前安裝的軟件包。要打開該頁面，請在“ 設(shè)置/首選項”對話框中的“ 語言和框架”下Ctrl+Alt+S單擊“ Node.js和NPM ” 。全局安裝的軟件包在頂部列出。對于每個軟件包，WebStorm都會顯示其當(dāng)前安裝的版本和最新的可用版本。

　　安裝套件?

　　單擊+

　　然后在打開的“ 可用軟件包”對話框中，選擇所需的軟件包。

　　默認(rèn)情況下，將安裝最新的軟件包版本。要安裝另一個版本，請選中“ 指定版本”復(fù)選框，然后從列表中選擇所需的版本。

　　默認(rèn)安裝是本地。要使用另一種安裝類型，請選中“ 選項”復(fù)選框，然后鍵入 -g用于全局安裝，或 --save/ --save-dev將軟件包安裝為依賴項/開發(fā)依賴項。從npm 和Yarn 官方網(wǎng)站上了解更多信息 。

　　查看包裹的位置?

　　將鼠標(biāo)指針懸停在包名稱上。WebStorm在工具提示中顯示軟件包的路徑。

　　將軟件包升級到最新版本?

　　在列表中選擇軟件包，然后單擊確定

　　取出包裹?

　　在列表中選擇軟件包，然后單擊確定

　　測試Node.js?

　　借助WebStorm，您可以使用多種框架來測試Node.js應(yīng)用程序。 自2018年5月起，不推薦使用Nodeunit。

　　在你開始之前?

　　1、確保在“ 插件”頁面上啟用了NodeJS捆綁插件

　　2、下載并安裝測試框架。

　　為Node.js應(yīng)用程序創(chuàng)建和運行單元測試?

　　1、編寫單元測試。

　　2、要使WebStorm識別單元測試并檢測相應(yīng)的生產(chǎn)源代碼，請將單元測試存儲的文件夾標(biāo)記為test folder。

　　3、創(chuàng)建 類型為Nodeunit 的運行配置。

　　4、在“ 運行工具”窗口中啟動單元測試 并 監(jiān)視測試結(jié)果。

　　創(chuàng)建節(jié)點單元測試?

　　1、創(chuàng)建與src文件夾 相同級別的文件夾測試

　　2、填充測試文件夾。對于每個生產(chǎn)文件，創(chuàng)建一個單獨的測試文件。

　　3、將存儲測試的文件夾標(biāo)記為test folder。

　　創(chuàng)建Nodeunit運行配置?

　　1、通過選擇運行| 打開運行/調(diào)試配置對話框。從主菜單編輯配置。

　　2、單擊 工具欄上的“ 添加”按鈕，然后選擇“ 節(jié)點單元”配置類型。

　　3、在打開的對話框中，指定以下內(nèi)容：

　　a.標(biāo)識配置的名稱。

　　b.指定要使用的Node.js解釋器。這可以是一個本地的Node.js解釋 或在Windows子系統(tǒng)為Linux Node.js的。

　　c.工作目錄。這可以是項目根文件夾，也可以是測試文件夾的父目錄。

　　d.要運行的測試范圍。

　　要使WebStorm運行文件夾中的所有測試文件，請從“ 運行”列表中選擇目錄中的“ 所有JavaScript測試文件 ”。在目錄字段中，提供相對于工作目錄的測試文件夾的路徑。

　　要執(zhí)行特定的測試，請從“ 運行”列表中選擇JavaScript測試文件。在JavaScript測試文件字段中，提供相對于工作目錄的文件路徑。

　　4、應(yīng)用更改并關(guān)閉對話框。