WebStorm2021是JetBrains推出的一款功能強大的HTML編輯工具,強大的WEB開發(fā)工具,主要用于前端開發(fā),相信大家已經(jīng)非常熟悉了!WebStorm2021潔面整潔優(yōu)雅,操作簡便,為廣大開發(fā)人員提供了高效率的開發(fā)環(huán)境,本站為大家?guī)鞼ebStorm2021中文破解綠色版下載,下面包含了安裝+破解+中文漢化教程。
WebStorm軟件功能
為 JavaScript 和 TypeScript 提供更好的智能感知、改進(jìn)對 Angular 框架的支持、更新了 CSS 和 HTML 文檔,以及更強大的調(diào)試控制臺等。
通過使用名為"destructuring"的功能,我們可以使用非常簡潔的語法將數(shù)組和對象中的值解提取到變量中。WebStorm 新的重構(gòu)和意圖功能(Alt-Enter)可以幫助我們輕松地將 destructuring 引入 JavaScript 或 TypeScript 代碼。
對于 Angular 應(yīng)用程序,WebStorm 新增了 17 項新檢查,可幫助我們在編碼時檢測應(yīng)用程序中與 Angular 相關(guān)的特定錯誤,并提供快速修復(fù)的建議。這些檢查在 TypeScript 和模板文件中都會生效,并會檢查綁定、指令、組件和許多其他內(nèi)容的使用。
ps:小編帶來的是WebStorm安裝包和激活授權(quán)文件、激活碼,專為激活webstorm軟件而生成的產(chǎn)品序列號,再配合軟件包中的破解文件,以及中文語言包一起使用,可以將軟件完美漢化激活,具體參考本文教程!各大激活方法已陸續(xù)被封殺,請支持正版!
軟件新功能
【外觀】
1.新歡迎屏幕。
我們更新了歡迎屏幕!您不僅可以從歡迎屏幕上打開和創(chuàng)建項目,還可以調(diào)整IDE主題和字體等最常用的設(shè)置。
2.IDE主題已與操作系統(tǒng)設(shè)置同步。
現(xiàn)在,您可以將webstorm主題與macos和windows設(shè)置同步。您只需轉(zhuǎn)到preferences/settings|apperance&behavior|apperance|theme,然后選擇syncwithos選項。單擊syncwithos旁邊的齒輪圖標(biāo)選擇您的首選主題。我們還計劃為linux用戶實現(xiàn)此功能。
3.改進(jìn)了選項卡的使用。
在v2020.3中,我們讓您更方便地使用選項卡?,F(xiàn)在,您可以通過拖放選項卡或使用新的OpeninrightSplit來拆分編輯器。此外,固定選項卡現(xiàn)在用特殊圖標(biāo)標(biāo)記,并顯示在選項卡欄的開頭,以便您更快地找到它們。
4.閱讀器模式。
WebStorm有一種新的模式,可以使您的庫和只讀文件更具可讀性。進(jìn)入此模式可以顯示注釋、啟用字體連接等。
5.多文件模板。
我們已經(jīng)實現(xiàn)了添加自定義文件模板的功能,可以一次創(chuàng)建多個文件。例如,當(dāng)您需要添加js文件和測試文件時,它將非常方便。
6.用WebStorm打開文件。
現(xiàn)在,默認(rèn)情況下使用webstorm打開特定文件類型非常簡單。轉(zhuǎn)到preferences/settings|editor|filetypes,點擊associatefiletypeswithwebstorm按鈕。
框架與技術(shù)
1.支持TailwindCSS。
Webstorm現(xiàn)在可以幫助您更有效地使用tailwindCSS!它將自動完成tailwind類別,并在鼠標(biāo)懸掛時顯示生成的CSS預(yù)覽,并支持您使用tailwind.config.js文件進(jìn)行自定義。
2.根據(jù)用例創(chuàng)建React組件。
您的代碼中是否有未分析的React組件?將脫字符號放入其中,按Alt+Enter,然后從列表中選擇Createclass/functioncomponent-webstorm,為您創(chuàng)建相關(guān)的代碼結(jié)構(gòu)。
3.Markdown編輯和預(yù)覽改進(jìn)。
Mermaid.js支持.重新格式化.md文件的功能和與編輯器一起自動滾動預(yù)覽窗格的功能——這些和其他變化將顯著改善您在webstorm中使用markdown文件的體驗。
4.基本支持復(fù)雜webpack設(shè)置。
我們已經(jīng)開始增加對多個webpack配置的支持。轉(zhuǎn)到preferences/settings|languages&Frameworks|Javascript|webpack選擇手動或自動檢測配置文件。
5.增強Vue.js。
我們修復(fù)了許多與Vue3相關(guān)的問題。例如,WebStorm現(xiàn)在支持腳本設(shè)置語法。我們還使IDE正確應(yīng)用了Vue項目中的ESLint代碼樣式規(guī)則,并改進(jìn)了與TypeScript語言服務(wù)的集成。
6.全面支持pnpm。
現(xiàn)在,WebStorm全面支持pnpm程序包管理器、npm和yarn。在過去的一年里,我們逐漸提高了對pnpm的支持。在v2020.3中,我們完成了最終工作。
JavaScript和TypeScript
1.集成Typescript和Problems工具窗口。
我們已經(jīng)將Typescript語言服務(wù)集成到Problems工具窗口中,并刪除了Typescript工具窗口。更改后,用戶可以更容易地在一個位置檢查代碼中的問題。我們還將以前在Typescript工具窗口中使用的操作移動到狀態(tài)欄上的特殊微件中。
2.使用CSS和HTML更好地格式化模板文本。
從v2020.3開始,WebStorm將正確支持包含JavaScript的多行CSS和HTML塊的代碼格式化。當(dāng)您添加這些更復(fù)雜的模板文本或重新格式化代碼時,IDE將正確縮減。
3.改善調(diào)試體驗。
使用交互式提示和內(nèi)部監(jiān)控進(jìn)行調(diào)試!現(xiàn)在,您可以點擊提示查看所有屬于變量的字段。此外,您還可以直接從提示中更改值,并添加監(jiān)控表達(dá)式。
【工具】
1.支持我們的合作開發(fā)工具。
WebStorm2020.3支持Codewithme(EAP),是合作開發(fā)和結(jié)對編程的新工具。使用此工具,您可以與他人共享項目,以便實時協(xié)同處理。如果您想嘗試Codewithme,請從Preferences/Settings|Plugins安裝相應(yīng)的插件。
2.WebStorm基礎(chǔ)知識內(nèi)置培訓(xùn)課程。
為了幫助您熟悉WebStorm的關(guān)鍵功能,我們開發(fā)了一門互動培訓(xùn)課程。本課程可以幫助您學(xué)習(xí)完成一些常見的任務(wù),如重建代碼或在項目中導(dǎo)航。您可以在Welcome屏幕上的LearnWebStorm選項卡下找到本課程,也可以從主菜單轉(zhuǎn)到Help|IDEFeaturestrainer。
3.HTTP客戶端的CURL轉(zhuǎn)換。
現(xiàn)在,您可以根據(jù)Alt+Enter在HTTP請求編輯器中選擇Convertocurlandcopytoclipboard選項,并將HTTP請求導(dǎo)出到CURL。
4.更好的拼寫和語法檢查。
現(xiàn)在,您可以更快地解決語法和拼寫問題——將鼠標(biāo)懸掛在問題上,然后出現(xiàn)一個彈出窗口,包括解釋和建議修復(fù)方法。我們還增加了對語言的支持,提高了語法檢查的質(zhì)量。
版本控制
1.支持Git暫存區(qū)。
現(xiàn)在,您可以直接從webstorm存儲文件!為此,請轉(zhuǎn)到preferences/settings|versioncontrol|git,然后選擇enablestagingarea選項。您可以從commit工具窗口暫存更改間距和使用showdiff功能。
VCS菜單重新排列。
現(xiàn)在,主菜單下的VCS組根據(jù)您正在使用的版本控制系統(tǒng)命名。我們還在主菜單中重新安排了Git下的項目,以便您更容易訪問最常用的操作。
3.改進(jìn)了分支的使用。
現(xiàn)在,WebStorm將自動更正新分支名稱中未被接受的符號。此外,它還將顯示所有可用于所選分支的操作,就像對待其他分支一樣。
【導(dǎo)航】
1.導(dǎo)航欄更有用。
導(dǎo)航欄可以快速替換Project視圖,您可以輕松瀏覽項目結(jié)構(gòu)并打開特定文件。我們還可以跳轉(zhuǎn)到JavaScript和TypeScript文件中的特定代碼元素。
2.快速文件預(yù)覽。
您可以在Project視圖中選擇文件,最后在編輯器中預(yù)覽文件。要打開此功能,請單擊Project視圖中的齒輪圖標(biāo),然后選擇enablePreviewtab和openfileswithsingleclick。
3.更強大。
WebStorm教程
1、雙擊運行"WebStorm64.exe"程序,選擇“Evaluate for free”,然后點擊“Evaluate”即可
注意:小編已經(jīng)將軟件提取為免安裝版。同時漢化包已經(jīng)集成在里面。無需安裝。只需按照教程即可。
從2019版本開始,無法使用相對路徑載入補丁了,所以需要你自己修改配置文件,修改方式如下:
64位系統(tǒng):bin\webstorm64.exe.vmoptions
32位系統(tǒng):bin\webstorm.exe.vmoptions
找到最下面一行,把#絕對路徑# 修改成webstorm目錄,例如:D:\down\WebStorm-2019.2.1Chinese\bin\jetbrainsCrack.jar
修改完成后,才能正常使用
移動目錄后,還是需要修改特別注意
說明
集成補丁,配置隨身攜帶bin\webStorm目錄
修改主題,添加插件
使用根目錄WebStormLauncher.exe,啟動便攜版本
集成正版一年授權(quán),便攜制作
改配置文件為本地目錄bin\WebStorm,可以移動文件配置不丟失
集成插件軟件背景圖設(shè)置插件,菜單->view->set background img
設(shè)置為MD風(fēng)格主題,修改字體以及配色樣式
集成代碼瀏覽插件(CodeGlance)
集成漢化包(可選)
WebStorm漢化說明
WebStorm的初始界面都為英文想必大家都知道,而這款2020.3版本與之前設(shè)置中文的方法是一樣的,為了便于不懂的朋友更好設(shè)置,下面為大家?guī)砬袚Q為中文顯示的方法,一起來看看吧
載入程序之后頁面是為英文,新版本可以直接點擊“Plugins”,在界面框中輸入“Chinese”回車搜索,可見會出現(xiàn)一個中文插件,點擊“Install”安裝插件;
等待插件成功下載后點擊右邊的“RESTART IDEA”
軟件就會自動重啟,重新啟動之后打開就可以顯示中文語言了
特別提醒
1.無法激活
由于本版本是便攜版,但是IDEA系列軟件的機制是先從我的文檔讀取配置,如果出現(xiàn)激活失敗的情況,請把C:\Users\你的用戶名\.WebStorm相關(guān)的目錄刪除,否則可能出現(xiàn)打開沒有激活的情況。
2.無法運行
請把C:\Users\你的用戶名\.WebStorm 2021相關(guān)的目錄刪除
升級方案
使用以前版本的,可以把新版本的bin\WebStorm\config\options\和bin\WebStorm\config\options\plugins目錄替換,其他內(nèi)容請勿修改