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