軟件介紹

Webstorm2020.2永久激活版是一款由jetbrains公司開發(fā)的web前端開發(fā)工具，這款軟件可以同時(shí)支持JavaScript、TypeScript和CSS等多種編程語(yǔ)言。而且你還可以通過(guò)Webstorm2020.2特別版來(lái)快速完成編碼的創(chuàng)建，大大提高你的開發(fā)效率。

Webstorm2020.2永久激活版軟件簡(jiǎn)介

WebStorm2020.2中文漢化版是優(yōu)秀的智能JavaScript IDE！現(xiàn)在您可以擁有最智能便捷的編輯操作，具有超級(jí)方便的智能編碼輔助，讓您能夠輕松的完成代碼的創(chuàng)建按，并提供高級(jí)的編碼幫助，并支持對(duì)React Native，PhoneGap，Cordova和Ionic的支持，支持使用Node.js在服務(wù)器端進(jìn)行開發(fā)！真正的多合一IDE!結(jié)合智能編輯器，有效的針對(duì)您當(dāng)前的項(xiàng)目進(jìn)行分析，所以您能夠始終擁有最佳的代碼結(jié)果，內(nèi)置的檢查允許您隨時(shí)發(fā)現(xiàn)和報(bào)告可能的問(wèn)題，并提供修復(fù)的選項(xiàng)，所以您將更好的進(jìn)行每一步的編輯，從而最大限度的減少后期無(wú)法挽回的錯(cuò)誤！

軟件特色

一、智能編碼輔助

WebStorm為您提供了針對(duì)JavaScript和JavaScript編譯語(yǔ)言，Node.js，HTML和CSS的智能編碼幫助。享受代碼完成，強(qiáng)大的導(dǎo)航功能，即時(shí)錯(cuò)誤檢測(cè)以及所有這些語(yǔ)言的重構(gòu)。

1、現(xiàn)代框架

WebStorm為Angular， React，Vue.js和Meteor提供高級(jí)編碼幫助。享受對(duì)React Native，PhoneGap，Cordova和Ionic的支持，以進(jìn)行移動(dòng)開發(fā)以及使用Node.js在服務(wù)器端進(jìn)行開發(fā)。多合一的IDE！

2、智能編輯器

IDE將分析您的項(xiàng)目， 以為所有受支持的語(yǔ)言提供最佳的代碼完成結(jié)果。數(shù)以百計(jì)的內(nèi)置檢查會(huì)在您鍵入內(nèi)容時(shí)報(bào)告任何可能的問(wèn)題，并提出快速修復(fù)選項(xiàng)。

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

WebStorm可幫助您更有效地處理代碼，并在處理大型項(xiàng)目時(shí)節(jié)省時(shí)間。只需單擊一下即可跳轉(zhuǎn)到方法，函數(shù)或變量定義，或搜索用法。

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

WebStorm提供了功能強(qiáng)大的內(nèi)置工具，用于調(diào)試，測(cè)試和跟蹤客戶端和Node.js應(yīng)用程序。只需最少的配置并與IDE進(jìn)行周到的集成，使用WebStorm即可輕松完成這些任務(wù)。

1、調(diào)試

WebStorm 為您的客戶端代碼（可與Chrome一起使用）和Node.js應(yīng)用程序提供內(nèi)置的調(diào)試器。放置斷點(diǎn)，單步執(zhí)行代碼并評(píng)估表達(dá)式-所有這些都無(wú)需離開IDE。

2、測(cè)試中

由于WebStorm與Karma測(cè)試運(yùn)行程序，Mocha，Jest和Protractor集成在一起，因此輕松執(zhí)行測(cè)試。直接在IDE內(nèi)部運(yùn)行和調(diào)試測(cè)試，以美觀和直觀的格式查看結(jié)果，并導(dǎo)航到測(cè)試代碼。

3、跟蹤和分析

WebStorm具有spy-js，這是一個(gè)內(nèi)置工具，可幫助您跟蹤JavaScript代碼。探索文件如何與函數(shù)調(diào)用連接，并有效地識(shí)別任何可能的瓶頸。

三、無(wú)縫工具集成

WebStorm與流行的命令行工具集成在一起，用于Web開發(fā)，無(wú)需使用命令行即可為您提供高效，簡(jiǎn)化的開發(fā)體驗(yàn)。

1、構(gòu)建工具

享受一個(gè)簡(jiǎn)單的統(tǒng)一UI，可以從IDE直接運(yùn)行Grunt， Gulp或 npm任務(wù)。所有任務(wù)都在一個(gè)特殊的工具窗口中列出，因此只需雙擊任務(wù)名稱即可啟動(dòng)它。

2、代碼質(zhì)量工具

除了數(shù)百WebStorm自己檢查的，它可以運(yùn)行 ESLint， JSCS，TSLint，Stylelint， JSHint或JSLint的對(duì)你的代碼，并突出顯示在飛行的任何問(wèn)題，就在編輯器中。

3、項(xiàng)目模板

使用流行的項(xiàng)目模板（如Express 或Web入門工具包），從“歡迎”屏幕開始新項(xiàng)目， 由于與Yeoman集成，因此可以訪問(wèn)更多項(xiàng)目生成器。

四、IDE功能

WebStorm建立在開源IntelliJ平臺(tái)的基礎(chǔ)上，我們?cè)贘etBrains上已經(jīng)開發(fā)和完善了15多年。享受它提供的微調(diào)但高度可定制的體驗(yàn)，以適合您的開發(fā)工作流程。

1、VCS

WebStorm提供了一個(gè)統(tǒng)一的UI，可與許多流行的版本控制系統(tǒng)一起使用，從而確保git，GitHub，SVN，Mercurial和Perforce的用戶體驗(yàn)一致。

2、當(dāng)?shù)貧v史

無(wú)論您是否使用VCS，本地歷史記錄都可以成為真正的代碼保護(hù)程序。您可以隨時(shí)檢查特定文件或目錄的歷史記錄，并回滾到其任何以前的版本。

Webstorm2020.2永久激活版軟件功能

一、JavaScript和TypeScript

1、使用JavaScript解構(gòu)

通過(guò)解構(gòu)，您可以使用非常簡(jiǎn)潔的語(yǔ)法將數(shù)組和對(duì)象中的值解壓縮到變量中。WebStorm的新重構(gòu)和意圖(Alt-Enter)可以幫助您輕松地將解構(gòu)引入 JavaScript或TypeScript代碼。

2、使用Promise將函數(shù)轉(zhuǎn)換為async / await

您可以自動(dòng)更改返回Promise的函數(shù)，.then()并 .catch()調(diào)用使用async / await語(yǔ)法的異步函數(shù)。只需在功能名稱上按Alt-Enter，然后選擇轉(zhuǎn)換為異步功能。這不僅可以在TypeScript文件中實(shí)現(xiàn)，還可以在JavaScript和Flow中實(shí)現(xiàn)。

二、構(gòu)架

1、對(duì)Angular應(yīng)用程序的新檢查

對(duì)于Angular應(yīng)用程序，webstorm 2019.1添加了17項(xiàng)新檢查，可幫助您在鍵入時(shí)檢測(cè)應(yīng)用程序中的Angular特定錯(cuò)誤，并建議快速修復(fù)。這些檢查在TypeScript和模板文件中都有效，并檢查綁定，指令，組件和許多其他內(nèi)容的使用。

2、Angular項(xiàng)目中的導(dǎo)航更容易

在Angular應(yīng)用程序中，您現(xiàn)在可以使用相關(guān)符號(hào)...彈出窗口(Ctrl-Cmd-Up / Ctrl + Alt + Home)在不同的組件文件(如TypeScript，模板，樣式和測(cè)試文件)之間快速切換。在TypeScript文件中，彈出窗口還將列出導(dǎo)入此文件的所有符號(hào)。

3、改進(jìn)了對(duì)Vue應(yīng)用程序中TypeScript的支持

webstorm 2019.1現(xiàn)在使用TypeScript語(yǔ)言服務(wù)以及對(duì).vue文件中任何TypeScript代碼的自己的TypeScript支持。這意味著您現(xiàn)在可以獲得更準(zhǔn)確的類型檢查和類型信息，您將能夠使用服務(wù)提供的快速修復(fù)程序，并在TypeScript工具窗口中查看當(dāng)前文件中的所有TypeScript錯(cuò)誤。

4、React鉤子的提取方法

該提取方法重構(gòu)現(xiàn)在與當(dāng)?shù)氐墓δ芎褪褂媒鈽?gòu)的返回值，使得它非常適合提取自定義作出反應(yīng)掛鉤。

5、改進(jìn)了道具的完成

webstorm 2019.1現(xiàn)在為使用擴(kuò)展運(yùn)算符合并的React props提供了更好的代碼完成。

三、HTML和樣式表

1、更新文檔

CSS屬性和HTML標(biāo)記及屬性的文檔(F1)現(xiàn)在顯示有關(guān)MDN的瀏覽器支持的最新描述和信息，以及指向完整MDN文章的鏈接。

2、CSS的瀏覽器兼容性檢查

要檢查目標(biāo)瀏覽器版本是否支持您使用的所有CSS屬性，可以在首選項(xiàng)中啟用新的 瀏覽器兼容性檢查。

3、對(duì)CSS模塊的Camel案例支持

如果在項(xiàng)目中使用CSS模塊，JavaScript文件中的類的代碼完成現(xiàn)在將建議帶有破折號(hào)的類名的駝峰版本。

4、提取CSS變量

使用新的Extract CSS變量重構(gòu)，您可以使用語(yǔ)法將當(dāng)前.css文件中值的所有用法替換 為變量var(--var-name)。

四、測(cè)試

1、突出顯示測(cè)試中的失敗行

當(dāng)您使用Jest，Karma，Mocha或Protractor運(yùn)行測(cè)試并且某些測(cè)試失敗時(shí)，您現(xiàn)在可以在編輯器中看到問(wèn)題發(fā)生的位置。IDE將使用堆棧跟蹤中的信息并突出顯示失敗的代碼。在懸停時(shí)，您將看到來(lái)自測(cè)試運(yùn)行器的錯(cuò)誤消息，您可以立即開始調(diào)試測(cè)試。

2、使用Cucumber和TypeScript進(jìn)行測(cè)試

使用Cucumber和TypeScript?現(xiàn)在，您可以跳到從步驟.feature文件 到它們的定義中 的.ts文件中使用速戰(zhàn)速?zèng)Q(和產(chǎn)生缺定義Alt-Enter組合)。

五、工具

1、新的調(diào)試器控制臺(tái)

在JavaScript和Node.js調(diào)試工具窗口中使用新的，改進(jìn)的交互式調(diào)試器控制臺(tái)!它現(xiàn)在使用樹視圖顯示對(duì)象，它支持使用CSS設(shè)置日志消息樣式并使用console.group()和 對(duì)它們進(jìn)行分組console.groupEnd()。您還可以過(guò)濾掉任何類型的日志消息。

2、完成npm腳本

將新腳本添加到package.json文件時(shí)，WebStorm現(xiàn)在會(huì)為已安裝的軟件包提供的可用命令提供建議。鍵入后 node，IDE將建議文件夾和文件名。輸入后npm run，您將看到當(dāng)前文件中定義的任務(wù)列表。

3、改進(jìn)了對(duì)短絨的支持

webstorm 2019.1現(xiàn)在可以 在一個(gè)項(xiàng)目中為ESLint和TSLint運(yùn)行多個(gè)進(jìn)程，以確保它們?cè)趩蝹�(gè)項(xiàng)目和具有多個(gè)linter配置的項(xiàng)目中正常工作 。

4、支持Docker Compose

如果使用Docker測(cè)試Node.js應(yīng)用程序，現(xiàn)在可以使用Docker Compose文件中描述的配置從IDE 輕松運(yùn)行和調(diào)試應(yīng)用程序。

5、依賴項(xiàng)的版本范圍工具提示

在的package.json，按命令/ Ctrl鍵和版本懸停的依賴關(guān)系，看看運(yùn)行的時(shí)候可以安裝什么版本范圍 npm install或yarn install。

六、IDE

1、新的UI主題

您現(xiàn)在可以在WebStorm中使用新的豐富多彩的UI主題作為插件。選擇 深紫色，灰色和 青色光主題，或創(chuàng)建自己的主題 。

2、最近的位置彈出

在最近的位置彈出(Cmd的移-E / 按Ctrl + Shift + E)是一種新的方式 瀏覽各地的項(xiàng)目。它顯示了最近在編輯器中打開的所有文件和代碼行的列表。您可以開始鍵入以過(guò)濾結(jié)果并跳轉(zhuǎn)到您需要的代碼。

3、將項(xiàng)目另存為模板

通過(guò)“ 工具”菜單中的新操作“ 另存為模板 ” ，您現(xiàn)在可以使用項(xiàng)目作為在IDE歡迎屏幕上創(chuàng)建新項(xiàng)目的基礎(chǔ)。

4、所選文件類型的軟包裝

您現(xiàn)在可以在編輯器中為特定文件類型啟用軟包裝。為此，請(qǐng)打開“首選項(xiàng)/設(shè)置”| 編輯| 常規(guī)并在軟包裝文件字段中指定文件類型。

Webstorm2020.2永久激活版安裝教程

1、首先將本站提供的文件夾解壓至非中文路徑中，在bin文件夾中找到idea64.exe無(wú)需安裝即可進(jìn)入程序

2、進(jìn)入程序之后頁(yè)面是為英文，Ctrl+ALT+S打開setting，點(diǎn)擊Plugins

3、在文本框內(nèi)輸入Chinese回車搜索，如果沒(méi)有出現(xiàn)結(jié)果可點(diǎn)擊在線搜索，如圖

4、之后在下面會(huì)出現(xiàn)一個(gè)Chinese的插件，點(diǎn)擊install安裝插件

5、下載安裝好插件之后點(diǎn)擊插件右邊的RESTART IDEA，在彈出框中點(diǎn)擊RESTART

6、軟件自動(dòng)重啟之后打開就是中文頁(yè)面了

快捷鍵大全

Ctrl+/：注釋當(dāng)前行

Ctrl+Shift+/：當(dāng)前位置插入注釋

Ctrl+Alt+/：塊注釋，并Focus到首行，寫注釋說(shuō)明用的

Ctrl+Shift+A：選擇當(dāng)前標(biāo)簽前后，修改標(biāo)簽用的

F11：全屏

Shift+F11：全屏免打擾模式，只編輯當(dāng)前文件

Alt+F3：選擇所有相同的詞

Alt+.：閉合標(biāo)簽

Alt+Shift+數(shù)字：分屏顯示

Alt+數(shù)字：切換打開第N個(gè)文件

Shift+右鍵拖動(dòng)：光標(biāo)多不，用來(lái)更改或插入列內(nèi)容

鼠標(biāo)的前進(jìn)后退鍵可切換Tab文件

按 Ctrl，依次點(diǎn)擊或選取，可需要編輯的多個(gè)位置

按 Ctrl+Shift+上下鍵，可替換行

Ctrl+Shift+P：打開命令面板

Ctrl+P：搜索項(xiàng)目中的文件

Ctrl+G：跳轉(zhuǎn)到第幾行

Ctrl+W：關(guān)閉當(dāng)前打開文件

Ctrl+Shift+W：關(guān)閉所有打開文件

Ctrl+Shift+V：粘貼并格式化

Ctrl+D：選擇單詞，重復(fù)可增加選擇下一個(gè)相同的單詞

Ctrl+L：選擇行，重復(fù)可依次增加選擇下一行

Ctrl+Shift+L：選擇多行

Ctrl+Shift+Enter：在當(dāng)前行前插入新行

Ctrl+X：刪除當(dāng)前行

Ctrl+M：跳轉(zhuǎn)到對(duì)應(yīng)括號(hào)

Ctrl+U：軟撤銷，撤銷光標(biāo)位置

Ctrl+J：選擇標(biāo)簽內(nèi)容

Ctrl+F：查找內(nèi)容

Ctrl+Shift+F：查找并替換

Ctrl+H：替換

Ctrl+R：前往 method

Ctrl+N：新建窗口

Ctrl+K+B：開關(guān)側(cè)欄

Ctrl+Shift+M：選中當(dāng)前括號(hào)內(nèi)容，重復(fù)可選著括號(hào)本身

Ctrl+F2：設(shè)置/刪除標(biāo)記