前言

Webstorm發布2023年的第一個版本后，軟件內置的很多工具窗口都只能在編輯區域內顯示，看起來很不習慣。一直以為它是bug，忍受了有一段時間了，等官方發版修復。

前幾天，2023.1版本的最后一個小版本也推送了，這個問題仍然存在，我就覺得或許不是官方的問題，會不會是我用的主題沒適配新版本？

于是乎，我把主題禁用了，換回了默認主題，發現問題仍然存在。經過一番折騰后，我終于徹底解決了這個問題，本文就跟大家分享下我是如何解決的，歡迎各位感興趣的開發者閱讀本文。

更改窗口的顯示模式

我們以Git窗口為例，默認是只能在編輯區域內展示，如下所示：

image-20230624112639691

我們將鼠標指針懸浮到工具欄的右上角，分別選擇 View Mode --> Undock

選擇undock后，工具欄就鋪滿橫向屏幕區域了，但是文件樹區域以及代碼區域卻顯示不全了（面板遮擋住了，無法滾動到最底部）。

關閉寬屏工具窗口布局

更改窗口的顯示模式為undock后，工具欄確實鋪滿了，但是并不完美，于是我就開始翻設置面板，經過一番嘗試后，在設置面板中找到了Widthscreen tool window layout選項，把它取消勾選后，再將顯示模式改回默認的Dock Pinned。

完成上述操作后，此問題就完美解決了??

本系列其他文章

本文是Webstorm使用分享系列的第4篇文章，如果你對其他文章感興趣請移步：

• 合理使用WebStorm-環境配置篇
• 合理使用WebStorm - 好用的內置git工具
• 合理使用WebStorm-自定義TouchBar提升使用體驗