WebStorm功能介紹
1、新的歡迎屏幕
我們已經(jīng)更新了歡迎屏幕!您不僅可以從中打開和創(chuàng)建項(xiàng)目，還可以調(diào)整最常用的設(shè)置，例如IDE主題和字體。
2、標(biāo)簽的改進(jìn)工作
我們使用標(biāo)簽更加方便?，F(xiàn)在，您可以通過拖放選項(xiàng)卡或使用新的“ 在右側(cè)拆分中打開”操作來拆分編輯器 。此外，現(xiàn)在，固定的選項(xiàng)卡都帶有特殊圖標(biāo)標(biāo)記，并顯示在選項(xiàng)卡欄的開頭，因此您可以更快地找到它們。
3、使用WebStorm打開的文件
現(xiàn)在，使WebStorm默認(rèn)打開特定文件類型非常簡(jiǎn)單。轉(zhuǎn)到 首選項(xiàng)/設(shè)置| 編輯| 文件類型，然后單擊將 文件類型與WebStorm關(guān)聯(lián)。
4、支持Tailwind CSS
WebStorm現(xiàn)在可以幫助您更高效地使用Tailwind CSS!它將自動(dòng)完成Tailwind類，在鼠標(biāo)懸停時(shí)向您顯示生成的CSS預(yù)覽，并支持您使用tailwind.config.js文件進(jìn)行的自定義。
5、根據(jù)用途創(chuàng)建React組件
您的代碼中有未解析的React組件嗎?將插入符號(hào)置于其上，按 Alt+Enter，然后從列表中選擇Create class / function component -WebStorm將為您創(chuàng)建相關(guān)的代碼構(gòu)造。
6、Markdown編輯和預(yù)覽改進(jìn)
Mermaid.js支持，重新格式化.md文件的功能以及預(yù)覽窗格和編輯器的自動(dòng)滾動(dòng)–這些和其他更改將顯著改善WebStorm中Markdown文件的使用體驗(yàn)。
7、全面支持pnpm
WebStorm現(xiàn)在完全支持pnpm軟件包管理器以及npm和yarn。在過去的一年中，我們一直在逐步實(shí)施對(duì)pnpm支持的改進(jìn)。我們已經(jīng)完成了畫龍點(diǎn)睛的工作。
8、集成的TypeScript和問題工具窗口
我們已經(jīng)將TypeScript語(yǔ)言服務(wù)集成到“問題”工具窗口中，并刪除了TypeScript工具窗口。我們進(jìn)行了此更改，以便更輕松地 從一個(gè)位置查看代碼中的問題。我們還將之前在TypeScript工具窗口中可用的動(dòng)作移至狀態(tài)欄上的專用小部件。
9、使用CSS和HTML更好地格式化模板文字
WebStorm將正確支持包含JavaScript的多行CSS和HTML塊的代碼格式。當(dāng)您添加這些更復(fù)雜的模板文字或重新格式化代碼時(shí)，IDE將正確縮進(jìn)。
10、改進(jìn)的調(diào)試體驗(yàn)
調(diào)試時(shí)使用交互式提示和嵌入式監(jiān)視!現(xiàn)在，您可以單擊提示以查看屬于變量的所有字段。此外，您可以直接從提示中更改變量值并添加監(jiān)視表達(dá)式。
11、支持我們的協(xié)作開發(fā)工具
WebStorm支持 Code With Me(EAP)，這是我們用于協(xié)作開發(fā)和結(jié)對(duì)編程的新工具。此工具使您可以與其他人共享項(xiàng)目，以便可以實(shí)時(shí)一起處理它們。要嘗試Code With Me，請(qǐng)從“首選項(xiàng)/設(shè)置” | “設(shè)置”中安裝相應(yīng)的插件。插件。
12、內(nèi)置的WebStorm基礎(chǔ)培訓(xùn)課程
為了幫助您熟悉WebStorm的關(guān)鍵功能，我們開發(fā)了一個(gè)交互式培訓(xùn)課程。本課程可以幫助您學(xué)習(xí)完成一些常見任務(wù)，例如重構(gòu)代碼或?yàn)g覽項(xiàng)目。您可以在“歡迎”屏幕上的“學(xué)習(xí)WebStorm”選項(xiàng)卡下找到它，也可以轉(zhuǎn)到“幫助” |“發(fā)現(xiàn)”。 從主菜單中選擇IDE Features Trainer。
13、HTTP客戶端中的cURL轉(zhuǎn)換
現(xiàn)在，您可以通過按下HTTP請(qǐng)求編輯器并選擇“轉(zhuǎn)換為cURL并復(fù)制到剪貼板”選項(xiàng)，將HTTP請(qǐng)求導(dǎo)出到cURL。 Alt+Enter
14、更好的拼寫和語(yǔ)法檢查
現(xiàn)在，您可以更快地解決語(yǔ)法和拼寫問題-將鼠標(biāo)懸停在問題上，將彈出一個(gè)帶有說明和建議修復(fù)程序的彈出窗口。我們還增加了對(duì)更多語(yǔ)言的支持，并提高了語(yǔ)法檢查的質(zhì)量。
15、更有用的導(dǎo)航欄
使用導(dǎo)航欄(可快速替代項(xiàng)目視圖)，您可以輕松瀏覽項(xiàng)目的結(jié)構(gòu)并打開特定文件。我們還可以跳轉(zhuǎn)到JavaScript和TypeScript文件中的特定代碼元素。
16、快速文件預(yù)覽
最后，您可以通過在“ 項(xiàng)目”視圖中選擇文件來在編輯器中預(yù)覽文件!要啟用此功能，請(qǐng)?jiān)凇绊?xiàng)目” 視圖中單擊齒輪圖標(biāo)，然后選擇“啟用預(yù)覽選項(xiàng)卡”和“單擊打開文件”。
17、隨處搜索功能更強(qiáng)大
在Shift+Shift彈出現(xiàn)在可以讓你做更多。首先，您可以使用它進(jìn)行基本數(shù)學(xué)運(yùn)算-結(jié)果將立即顯示在彈出窗口中。它還將允許您查找Git數(shù)據(jù)，包括有關(guān)分支和提交的詳細(xì)信息。除此之外，所有發(fā)現(xiàn)現(xiàn)在都基于與搜索查詢的相關(guān)性而不是其類型進(jìn)行分組。
WebStorm軟件特色
1、代碼導(dǎo)航和用法搜索：
函數(shù)、變量或標(biāo)簽的導(dǎo)航都可用一個(gè)熱鍵使用。
2、JavaScript單元測(cè)試：
如果你是一個(gè)JavaScript的開發(fā)者，你應(yīng)該知道對(duì)于你的程序來說，代碼的質(zhì)量和正確性是非常重要的。那么，一致性測(cè)試和回歸性測(cè)試這種功能會(huì)使你輕松很多。
3、代碼檢測(cè)和快速修復(fù)：
為保證更優(yōu)的代碼質(zhì)量，能快速地捕捉到JavaScript中的常見錯(cuò)誤并提供快速的修復(fù)方案。
4、批量代碼分析：
無(wú)需通過點(diǎn)擊所有文件或部署到服務(wù)器。整個(gè)源代碼樹的啟動(dòng)代碼分析，可以在一個(gè)單一的視圖中看到所有的結(jié)果。
5、支持HTML5：
用創(chuàng)建一個(gè)新的HTML文檔，以便于在代碼中使用HTML5。假如我們想要使用一個(gè)canvas標(biāo)簽。不但要當(dāng)鍵 入”
6、顯示應(yīng)用樣式：
是否想讓你的頁(yè)面中出現(xiàn)一個(gè)流行的樣式?右鍵單擊并選擇顯是應(yīng)用樣式標(biāo)簽。此命令將打開的標(biāo)簽應(yīng)用到通過CSS樣式的樹視圖里的樣式。
WebStorm軟件亮點(diǎn)
1、智能代碼輔助功能
JetBrains WebStorm 2020為您提供JavaScript和編譯為JavaScript語(yǔ)言、 Node.js、HTML和CSS的智能代碼輔助。 享受代碼補(bǔ)全、強(qiáng)大的 導(dǎo)航功能、動(dòng)態(tài)錯(cuò)誤檢測(cè)以及所有這些 語(yǔ)言的重構(gòu)。
2、調(diào)試、跟蹤和測(cè)試
提供強(qiáng)大的內(nèi)置工具進(jìn)行調(diào)試、測(cè)試和跟蹤 您的客戶端和Node.js應(yīng)用程序。 只需很少配置和精心 集成到IDE中，使這些任務(wù)變得更加輕松。
3、無(wú)縫工具集成
集成流行的命令行工具，用于Web開發(fā)， 使您無(wú)需使用命令行即可獲得高效、簡(jiǎn)化的開發(fā) 體驗(yàn)。
4、IDE功能
建立在開源IntelliJ平臺(tái)之上，過去15年以來，JetBrains一直在不斷發(fā)展和完善這個(gè)平臺(tái)。 這個(gè)平臺(tái)可以針對(duì)您的開發(fā)工作流進(jìn)行微調(diào)并且能夠提供高度可定制的體驗(yàn)。
5、現(xiàn)代框架
為 Angular、 React、Vue.js 和 Meteor 提供先進(jìn)的代碼輔助。 享受對(duì)以React Native、PhoneGap、Cordova和 Ionic進(jìn)行移動(dòng)開發(fā)和以Node.js進(jìn)行服務(wù)器端開發(fā)的支持。 一個(gè) IDE 一應(yīng)俱全!
6、智能編輯器
該IDE分析您的項(xiàng)目，從而為所有支持的語(yǔ)言 提供最佳代碼補(bǔ)全結(jié)果。 幾百種內(nèi)置檢查，可以在您輸入時(shí) 報(bào)告任何可能的問題，并提供快速修復(fù)選項(xiàng)。
7、導(dǎo)航和搜索
可以幫助您在處理大型項(xiàng)目時(shí)提高編碼效率，并節(jié)省時(shí)間。 只需點(diǎn)擊一次或搜索用法，即可跳到方法、函數(shù)或變量定義。
8、項(xiàng)目模板
使用常用項(xiàng)目模板，比如：Express 或Web入門套件從歡迎屏幕啟動(dòng)新項(xiàng)目，并且 因?yàn)榕cYeoman集成，所以可以訪問更多項(xiàng)目生成器。
9、VCS
以統(tǒng)一的UI處理多種流行的版本控制系統(tǒng)， 確保在git、GitHub、SVN、Mercurial和Perforce之間提供一致的用戶體驗(yàn)。
10、本地歷史
無(wú)論您是否使用VCS，本地歷史都真的可以 保護(hù)代碼。 您可以隨時(shí) 檢查特定文件或目錄的歷史記錄，并回滾到 以前的任何版本。
11、定制
軟件定制化程度非常高。 將其調(diào)整為完全適合您的編程風(fēng)格，從快捷鍵、字體和視覺主題到工具窗口和編輯器布局。
12、生成工具
享受直接在IDE中以簡(jiǎn)單一致的UI來運(yùn)行Grunt、Gulp或 npm任務(wù)。 所有任務(wù)都列舉在一個(gè)特殊工具 窗口中，所以只需雙擊任務(wù)名稱即可啟動(dòng)它。
13、代碼質(zhì)量工具
除了軟件自有的幾百種檢查外，它還可以根據(jù)代碼運(yùn)行ESLint、 JSCS、TSLint、Stylelint、 JSHint或JSLint，并直接在編輯器中 高亮顯示任何動(dòng)態(tài)問題。
WebStorm安裝步驟
1.在華軍軟件園下載WebStorm中文版安裝包，解壓后，雙擊“exe”文件,進(jìn)入安裝向?qū)?，單擊Next
2.點(diǎn)擊“Browse”選擇安裝位置，一般默認(rèn)在C盤，推薦安裝在D盤，單擊Next
3.選擇附加任務(wù)，自行選擇需要的進(jìn)行勾選，單擊Next
4.軟件信息已準(zhǔn)備就緒，單擊Install安裝
5.軟件正在安裝，請(qǐng)耐心等待
6.WebStorm安裝完成，單擊Finish，退出安裝向?qū)?
WebStorm更新日志
1. 優(yōu)化的腳步從未停止!
2. 更多小驚喜等你來發(fā)現(xiàn)~
華軍小編推薦：
本站還為您準(zhǔn)備了多款相關(guān)軟件如：AlphaEbot動(dòng)作編輯軟件、河小象編程客戶端、自動(dòng)化測(cè)試工具AutoRunner、Easy GUI、小海龜LOGO語(yǔ)言等等，您需要到華軍軟件園小編來滿足您！
您的評(píng)論需要經(jīng)過審核才能顯示
有用
有用
有用