WebStorm2020.1破解版提供編程功能，可以幫助用戶在電腦上快速設(shè)計(jì)新的應(yīng)用程序，只要你會(huì)編程就可以通過(guò)這款軟件編輯代碼，軟件提供多種開(kāi)發(fā)語(yǔ)言，為您提供JavaScript和編譯為JavaScript語(yǔ)言、 Node.js、HTML和CSS的智能代碼輔助，幫助設(shè)計(jì)師提高代碼編輯效率，降低開(kāi)發(fā)周期，為用戶提供更豐富的IDE功能，適合需要開(kāi)發(fā)新應(yīng)用程序的朋友使用，這里小編推薦的是WebStorm2020破解版，新版提供更優(yōu)美的外觀，新的默認(rèn)編輯器字體、更具實(shí)用性的快速文檔、用于專(zhuān)注編碼的Zen模式，提供Vuex和Composition API支持，通過(guò)對(duì)Vuex庫(kù)和Vue3中的Composition API的開(kāi)箱即用支持，您可以更加順暢地構(gòu)建出色的Vue.js 應(yīng)用程序。

軟件功能

　　1、智能代碼輔助功能

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

　　2、現(xiàn)代框架

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

　　3、智能編輯器

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

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

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

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

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

　　6、調(diào)試

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

　　7、測(cè)試

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

　　8、跟蹤和性能分析

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

新版特色

　　1、新的默認(rèn)編輯器字體

　　在過(guò)去的一年中，我們開(kāi)發(fā)了一種字體，使您可以更舒適地編碼，而眼睛不會(huì)過(guò)多疲勞。 請(qǐng)熱烈歡迎 JetBrains Mono – 一種專(zhuān)為開(kāi)發(fā)人員設(shè)計(jì)的新型開(kāi)源字體。 WebStorm 2020.1 隨附此默認(rèn)選擇的新字體。

　　2、免打擾編碼

　　我們添加了新的 Zen 查看模式，以幫助您完全專(zhuān)注于編碼。 每當(dāng)您要在源代碼居中且 UI 元素隱藏的全屏編輯器中工作以減少干擾時(shí)，都可以使用它。

　　3、懸停以快速顯示文檔

　　您不必再顯式調(diào)用文檔彈出窗口。 現(xiàn)在，當(dāng)您將鼠標(biāo)懸停在符號(hào)上時(shí)，它就會(huì)顯示出來(lái)，因此您可以更快地找到相關(guān)文檔。 如果您的代碼有問(wèn)題，彈出窗口還將提供一個(gè)快速修復(fù)程序，可用于解決該問(wèn)題。

　　4、使用 IDE 進(jìn)行快速編輯

　　是否曾經(jīng)想使用 IDE 來(lái)快速編輯文件？ 使用新的 LightEdit 模式，您可以在文本編輯器窗口中打開(kāi)單個(gè)文件，而不必加載整個(gè)項(xiàng)目。

　　5、自定義狀態(tài)欄

　　如果您沒(méi)有隱藏狀態(tài)欄并經(jīng)常使用它，則現(xiàn)在可以確定要在其上看到的內(nèi)容。 右鍵單擊狀態(tài)欄，然后刪除不需要的元素。

　　6、使用 Composition API

　　在 WebStorm 2020.1 中，您將找到對(duì)使用 Vue 3 中的 Composition API 定義組件的支持。 在組件的模板部分，IDE 將正確解析和自動(dòng)完成從組件的 setup（） 函數(shù)返回的符號(hào)，包括屬性在反應(yīng)狀態(tài)、計(jì)算屬性和 refs。

　　7、Vuex 的編碼輔助

　　如果您正在使用 Vuex 庫(kù)，則現(xiàn)在在編輯 Vue 組件時(shí)會(huì)從 Vuex 存儲(chǔ)中獲得符號(hào)的補(bǔ)全建議。 另外，WebStorm 將使您跳到 getter、突變和操作的定義。

　　8、Angular 9 的全面支持

　　為了幫助您使用 Ivy 和其他 Angular 9 功能，我們?cè)?WebStorm 2020.1 中添加了對(duì)它們的全面支持。您無(wú)需配置即可在 TypeScript 和模板文件中使用代碼補(bǔ)全和自動(dòng)導(dǎo)入等功能。

　　9、改進(jìn)的 React 支持

　　通過(guò)將脫字符號(hào)放在組件上并按 Alt + Enter，為通過(guò) React.memo 定義的組件添加導(dǎo)入語(yǔ)句。 如果您在項(xiàng)目中使用 Material-UI 組件，現(xiàn)在在創(chuàng)建樣式時(shí)會(huì)看到補(bǔ)全建議。

安裝方法

　　1、下載軟件以后點(diǎn)擊WebStorm-2020.1.exe啟動(dòng)安裝

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

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

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

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

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

破解方法

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

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

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

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

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

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

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

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

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

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

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

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

官方教程

　　運(yùn)行應(yīng)用程序?

　　WebStorm允許運(yùn)行整個(gè)應(yīng)用程序以及特定的腳本。

　　WebStorm使用在“運(yùn)行/調(diào)試配置”中定義的 設(shè)置。項(xiàng)目中存在的所有運(yùn)行配置在“ 選擇運(yùn)行/調(diào)試配置”列表中可用。從使用運(yùn)行/調(diào)試配置中了解更多信息。

　　如果要查看所有當(dāng)前正在運(yùn)行的應(yīng)用程序的列表，請(qǐng)選擇 “運(yùn)行” |“運(yùn)行”。從主菜單顯示運(yùn)行列表。

　　請(qǐng)注意，在開(kāi)始運(yùn)行會(huì)話之后， 標(biāo)記“ 運(yùn)行”工具窗口的圖標(biāo)和“運(yùn)行/調(diào)試配置選擇器”中的 圖標(biāo)切換為指示運(yùn)行過(guò)程處于活動(dòng)狀態(tài)。

　　如果在“運(yùn)行/調(diào)試”配置中啟用了運(yùn)行前啟動(dòng)工具的選項(xiàng) ，則WebStorm會(huì)運(yùn)行這些工具，并在成功后運(yùn)行該應(yīng)用程序。否則，程序?qū)⒘⒓磫?dòng)。

　　運(yùn)行一個(gè)應(yīng)用程序?

　　在裝訂線中，單擊運(yùn)行，然后選擇所需的命令。

　　在主工具欄上，選擇所需的運(yùn)行配置，然后執(zhí)行以下操作之一：

　　選擇運(yùn)行| 從主菜單運(yùn)行“選定的配置”。

　　點(diǎn)擊運(yùn)行。

　　按Shift+F10。

　　按Shift+Alt+F10，從列表中選擇所需的運(yùn)行配置，然后按Enter。

　　F9當(dāng)您不運(yùn)行任何調(diào)試會(huì)話時(shí)，還可以通過(guò)按來(lái)快速訪問(wèn)此彈出菜單。

　　在此彈出菜單中，您還可以：

　　調(diào)用“ 編輯配置”對(duì)話框。

　　啟動(dòng)前編輯所選的配置F4。

　　立即刪除配置Delete。

　　從運(yùn)行切換到調(diào)試，反之亦然（按住 Shift ）。

　　訪問(wèn)先前選擇的配置1。

　　訪問(wèn)上下文相關(guān)的配置（2或 3）。

　　如果要查看所有當(dāng)前正在運(yùn)行的應(yīng)用程序的列表，請(qǐng)選擇 “運(yùn)行” |“運(yùn)行”。從主菜單顯示運(yùn)行列表。

　　使用任何運(yùn)行?

　　使用Run Anything，您可以快速啟動(dòng)運(yùn)行配置，npm和yarn腳本，以及打開(kāi)最近的項(xiàng)目。

　　按 Ctrl 兩次或單擊 導(dǎo)航欄。將打開(kāi)“ 運(yùn)行任何東西”彈出窗口。

　　開(kāi)始輸入要啟動(dòng)的配置的名稱(chēng)。鍵入時(shí)，WebStorm將顯示匹配的配置。從列表中選擇所需的一個(gè)，然后按Enter。

　　運(yùn)行任何東西 也是運(yùn)行npm或yarn腳本并重新打開(kāi)最近項(xiàng)目的快速方法。

　　要查找npm或yarn腳本，請(qǐng)鍵入 run，請(qǐng)參閱運(yùn)行npm和yarn腳本。

　　要打開(kāi)項(xiàng)目，請(qǐng)鍵入open，請(qǐng)參閱打開(kāi)，重新打開(kāi)和關(guān)閉項(xiàng)目。

　　要查看所有可用命令，請(qǐng)鍵入?。

　　審查結(jié)果?

　　您可以在“ 運(yùn)行”窗口控制臺(tái)中查看正在運(yùn)行的應(yīng)用程序的任何輸出。每個(gè)應(yīng)用程序的輸出顯示在“ 運(yùn)行工具”窗口的其自己的選項(xiàng)卡中，并以相應(yīng)的運(yùn)行/調(diào)試配置命名。

　　如果重新運(yùn)行應(yīng)用程序，則新的輸出將覆蓋選項(xiàng)卡的內(nèi)容。要保留應(yīng)用程序的輸出，即使您重新運(yùn)行它，也請(qǐng)固定輸出選項(xiàng)卡。

　　編輯package.json?

　　WebStorm可幫助您處理package.json文件中的項(xiàng)目依賴項(xiàng)，并提供廣泛的編碼幫助：

　　程序包名稱(chēng)的代碼完成。

　　有關(guān)最新可用軟件包版本的信息。

　　有關(guān)可以通過(guò)npm install @ 或安裝的版本范圍的信息yarn add @。`請(qǐng)注意，運(yùn)行npm install或yarn install將安裝該范圍內(nèi)的最新可用版本。

　　按下Ctrl并將鼠標(biāo)懸停在版本上，以查看工具提示中的信息。有關(guān)語(yǔ)義版本控制的詳細(xì)信息，請(qǐng)參見(jiàn)npm官方文檔。

　　先前軟件包版本的代碼完成。當(dāng)您按Ctrl+Space或開(kāi)始鍵入與最新版本不同的版本時(shí)，WebStorm會(huì)顯示包含該軟件包所有以前版本的建議列表。

　　快速查找包裝文件。

　　當(dāng)您從或語(yǔ)句調(diào)用文檔查找時(shí)， WebStorm還會(huì)顯示npm軟件包的自述文件。 requireimport從package.json文件安裝依賴項(xiàng)?

　　在編輯器中打開(kāi)相關(guān)的package.json文件，或者在“ 項(xiàng)目”工具窗口中選擇它，然后從上下文菜單中選擇“運(yùn)行'npm install”。

　　在彈出窗口中單擊運(yùn)行“ npm install”：

　　當(dāng)尚未安裝依賴項(xiàng)或更改依賴項(xiàng)時(shí)，WebStorm會(huì)顯示此彈出窗口。如果關(guān)閉彈出窗口或通過(guò)選擇“不再詢問(wèn)”將其關(guān)閉，您仍然可以使用“ 運(yùn)行'npm install'”操作或在內(nèi)置終端中安裝依賴項(xiàng)。

　　如果您不小心關(guān)閉了此通知，現(xiàn)在想找回它，請(qǐng)按Ctrl+Shift+A，開(kāi)始輸入Enable notifications，然后從列表中選擇啟用package.json中有關(guān)安裝依賴項(xiàng)的通知。

　　更新您的項(xiàng)目依賴項(xiàng)?

　　在彈出窗口中 單擊“運(yùn)行'npm install'”或“運(yùn)行'yarn install”。

　　每次您打開(kāi)項(xiàng)目，從版本控件中更新項(xiàng)目或編輯package.json時(shí)，WebStorm都會(huì)顯示此彈出窗口。

　　WebStorm還運(yùn)行檢查以檢查來(lái)自dependencies或devDependencies已安裝的軟件包以及它們的版本是否與指定范圍相匹配。

　　如果檢查發(fā)現(xiàn)不匹配，則建議快速修復(fù)。要應(yīng)用它，請(qǐng)按Alt+Enter 并從列表中選擇運(yùn)行'npm install'或運(yùn)行'yarn install'：

　　運(yùn)行和調(diào)試腳本?

　　您可以根據(jù)專(zhuān)用運(yùn)行配置，從編輯器中的package.json文件，專(zhuān)用npm工具窗口中的腳本樹(shù)中的腳本樹(shù)啟動(dòng)npm或Yarn腳本，也可以自動(dòng)將其作為啟動(dòng)或啟動(dòng)前任務(wù)。

　　腳本執(zhí)行的結(jié)果顯示在“ 運(yùn)行工具”窗口中。 工具窗口顯示npm或Yarn腳本輸出，報(bào)告發(fā)生的錯(cuò)誤，列出未找到的軟件包或插件，等等。最后執(zhí)行的腳本的名稱(chēng)顯示在工具窗口的標(biāo)題欄上。

　　在腳本調(diào)試會(huì)話期間，WebStorm將打開(kāi)“ 調(diào)試工具”窗口 ，您可以在其中 逐步執(zhí)行程序， 停止并繼續(xù) 執(zhí)行程序， 在掛起時(shí)進(jìn)行檢查， 查看實(shí)際的HTML DOM等

　　啟用調(diào)試腳本?

　　$NODE_DEBUG_OPTION在package.json文件的定義中 添加，例如：

　　從package.json運(yùn)行和調(diào)試腳本?

　　WebStorm使您可以從package.json文件中快速啟動(dòng)單個(gè)腳本。要運(yùn)行或調(diào)試幾個(gè)腳本，請(qǐng)使用運(yùn)行配置或npm工具窗口。

　　在編輯器中打開(kāi)package.json文件，單擊腳本旁邊的裝訂線，然后從上下文菜單中選擇“運(yùn)行<腳本名稱(chēng)>”或“ 調(diào)試<腳本名稱(chēng)> ”。

　　您也可以按來(lái)運(yùn)行腳本Ctrl+Shift+F10。

　　從npm工具窗口運(yùn)行和調(diào)試腳本?

　　在“ 項(xiàng)目”工具窗口中 選擇package.json文件或在編輯器中打開(kāi)文件，然后從上下文菜單中選擇“ 顯示npm腳本”時(shí)，將打開(kāi)工具窗口。 一旦調(diào)用npm或Yarn，它就會(huì)開(kāi)始構(gòu)建在調(diào)用它scripts的package.json文件的屬性內(nèi)定義的腳本樹(shù)。如果項(xiàng)目中有幾個(gè)package.json文件，則可以為每個(gè)文件構(gòu)建一個(gè)單獨(dú)的腳本樹(shù)并運(yùn)行腳本，而無(wú)需刪除先前構(gòu)建的樹(shù)。每個(gè)樹(shù)顯示在單獨(dú)的節(jié)點(diǎn)下。

　　打開(kāi)npm工具窗口（如果尚未打開(kāi)）?

　　在“ 項(xiàng)目”工具窗口中 選擇所需的package.json文件，或在編輯器中將其打開(kāi)，然后從上下文菜單中選擇“ 顯示npm腳本 ”。將打開(kāi)npm工具窗口，其中顯示了根據(jù)所選或打開(kāi)的package.json文件構(gòu)建的腳本樹(shù)。 在已經(jīng)打開(kāi)的npm工具窗口中構(gòu)建腳本樹(shù)?

　　在npm工具窗口中，單擊工具欄上的+，然后從列表中選擇所需的package.json文件。默認(rèn)情況下，WebStorm 在項(xiàng)目的根目錄中顯示package.json文件。

　　如果還有另一個(gè)package.json文件，請(qǐng)單擊“選擇package.json”，然后在打開(kāi)的對(duì)話框中選擇所需的package.json文件。WebStorm 在其標(biāo)題上添加一個(gè)帶有所選package.json文件路徑的新節(jié)點(diǎn)，并在該新節(jié)點(diǎn)下構(gòu)建腳本樹(shù)。

　　重建一棵樹(shù)?

　　切換到所需的節(jié)點(diǎn)，然后單擊工具欄上的。

　　按名稱(chēng)對(duì)樹(shù)中的腳本進(jìn)行排序?

　　點(diǎn)擊工具欄上的選項(xiàng)， 從菜單中選擇排序依據(jù)，然后選擇名稱(chēng)。

　　默認(rèn)情況下，一棵樹(shù)以在package.json中定義腳本的順序顯示腳本 （選項(xiàng)Definition order）。

　　運(yùn)行一個(gè)腳本?

　　雙擊腳本。

　　在樹(shù)中選擇腳本，然后按Enter 或從上下文菜單中選擇“運(yùn)行<腳本名稱(chēng)> ”。

　　調(diào)試一個(gè)腳本?

　　在樹(shù)中選擇腳本，然后從上下文菜單中選擇“ 調(diào)試<腳本名稱(chēng)> ”。

　　運(yùn)行或調(diào)試幾個(gè)腳本?

　　使用多選模式：按住Shift（對(duì)于相鄰項(xiàng)目）或Ctrl（對(duì)于非相鄰項(xiàng)目）鍵并選擇所需的腳本，然后從選擇的上下文菜單中選擇“運(yùn)行”或“ 調(diào)試 ”。

　　通過(guò)運(yùn)行配置運(yùn)行腳本?

　　從編輯器或npm工具窗口運(yùn)行或調(diào)試腳本時(shí)，WebStorm會(huì)自動(dòng)創(chuàng)建 臨時(shí)運(yùn)行配置。除了使用它們之外，您還可以創(chuàng)建和啟動(dòng)自己的npm運(yùn)行配置。

　　從主菜單中，選擇運(yùn)行| 編輯配置。

　　單擊工具欄上的+，然后從列表中選擇npm。將打開(kāi)“ 運(yùn)行/調(diào)試配置：npm”對(duì)話框。

　　指定要執(zhí)行的CLI命令，要運(yùn)行的腳本（使用空格作為分隔符）以及定義這些腳本的package.json文件的位置。（可選）鍵入用于執(zhí)行腳本的命令行參數(shù)。

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

　?。蛇x）指定要傳遞給Node.js的特定于Node.js的選項(xiàng)參數(shù)和環(huán)境變量。

　　指定要使用的程序包管理器。如果選擇Project別名，WebStorm將使用Node.js頁(yè)面中的默認(rèn)項(xiàng)目包管理器。您還可以選擇相關(guān)的軟件包別名（npm或yarn）或?yàn)檐浖芾砥鞯淖远x安裝指定顯式路徑。

　　從工具欄上的列表中選擇新創(chuàng)建的運(yùn)行配置，然后單擊確定。輸出顯示在“ 運(yùn)行”工具窗口中。

　　使用“任何運(yùn)行”來(lái)運(yùn)行腳本?

　　運(yùn)行任何東西是啟動(dòng)npm和yarn腳本的快速方法。

　　按Ctrl兩次或單擊導(dǎo)航欄運(yùn)行。將打開(kāi)“ 運(yùn)行任何東西”彈出窗口。

　　鍵入npm run或yarn run在搜索領(lǐng)域。鍵入時(shí)，WebStorm將顯示匹配的腳本。從列表中選擇所需的一個(gè)，然后按Enter。

　　“運(yùn)行任何東西”也是啟動(dòng)應(yīng)用程序和重新打開(kāi)最近的項(xiàng)目的快速方法，還可以從“ 運(yùn)行應(yīng)用程序” 以及“ 打開(kāi)，重新打開(kāi)和關(guān)閉項(xiàng)目”中了解更多信息 。

　　要查看所有可用命令，請(qǐng)鍵入?。

　　啟動(dòng)時(shí)自動(dòng)運(yùn)行腳本?

　　如果您有一些定期運(yùn)行的腳本，則可以將相應(yīng)的運(yùn)行配置添加到啟動(dòng)任務(wù)列表中。這些任務(wù)將在項(xiàng)目啟動(dòng)時(shí)自動(dòng)執(zhí)行。

　　在 在設(shè)置/首選項(xiàng)對(duì)話框中 Ctrl+Alt+S，轉(zhuǎn)到工具| 啟動(dòng)任務(wù)。

　　在打開(kāi)的“ 啟動(dòng)任務(wù)”頁(yè)面上，單擊+工具欄。

　　從列表中，選擇所需的npm運(yùn)行配置。配置已添加到列表中。

　　如果項(xiàng)目中沒(méi)有適用的配置，請(qǐng)單擊+，然后選擇編輯配置。然后在打開(kāi)的“運(yùn)行/調(diào)試配置：NPM”頁(yè)面上定義具有所需設(shè)置的配置。保存新配置后，它將自動(dòng)添加到啟動(dòng)任務(wù)列表中。

　　將腳本作為啟動(dòng)前任務(wù)運(yùn)行?

　　通過(guò)選擇運(yùn)行| 打開(kāi)運(yùn)行/調(diào)試配置對(duì)話框?qū)υ捒?。從主菜單中編輯配置，然后從列表中選擇所需的配置，或者通過(guò)單擊+并選擇相關(guān)的運(yùn)行配置類(lèi)型來(lái)重新創(chuàng)建它。在打開(kāi)的對(duì)話框中，單擊+“ 啟動(dòng)前”區(qū)域，然后從列表中選擇“運(yùn)行npm腳本 ”。

　　在打開(kāi)的NPM腳本對(duì)話框中，指定npm運(yùn)行/調(diào)試配置設(shè)置。