WebStorm如何调出Event Log窗口

Husky和lint-staged是Node.js的Git钩子工具，非WebStorm内置功能。WebStorm仅调用Git命令，钩子由Git和husky触发。需项目正确安装husky、生成.husky/目录，并确保lint-staged配置匹配文件类型。常见问题包括安装失败、环境变量未加载、配置遗漏扩展名。定位错误需通过终端执行提交查看完整日志。

在WebStorm中关闭代码缩略图，首先需进入Settings→Editor→Appearance，取消勾选Showminimap即可关闭；同时可自定义快捷键如Ctrl+Alt+M实现快速开关；此操作不影响核心功能，仅减少视觉辅助；如果设置无效，还需检查项目级设置或插件干扰。

在WebStorm中查看函数调用层级图需光标停在函数声明名上，而非调用处或括号内。快捷键Ctrl+Alt+H基于符号解析，位置偏差会静默失败。调用层级图分向上查调用者和向下查被调用者，不会自动更新，需手动刷新。

先说说这个几乎每个 WebStorm 用户都会用到、但也常被忽略的小功能——清理没用的 import。 我说 Ctrl+Alt+O 你会想到什么？没错，就是那个光图标就占了工具栏一个位置的功能。其实它就是个大实话的修理工：把你当前打开的那个 .ts 或 .js 文件里，今天用不着或者已经不需要的 i

WebStorm的OptimizeImports可清理当前文件未使用的import，但不会处理type导入和动态import。全项目清理需用快捷键并勾选OnlyVCSchangedfiles。删除未用变量需通过代码检查手动操作。注意注释、require及type导入可能引发报错，需人工核实。

WebStorm无法识别@路径别名时，需在tsconfig.json中正确配置baseUrl为"."，paths键以/结尾（如@/*:src/*），安装@types/node，并重启TypeScript服务。注意：配置必须写入实际生效的tsconfig.app.json而非根目录文件，以确保别名被正确解析。

在代码编辑器中开启空白字符显示可直观呈现空格、制表符及尾随空格，是排查缩进冲突和Git脏提交的关键步骤。通过File→Settings→Editor→General→Appearance勾选Showwhitespaces，并建议至少开启leading和trailing选项，以定位行首缩进和行末多余空格问题。

先说说这个让人头疼的问题：写代码时切输入法，手一快双击了 Shift，Search Everywhere 窗口立刻弹出来——尤其在用搜狗、微软拼音这类频繁按 Shift 切换中英文的场景下，误触率极高。其实 WebStorm 默认就有这个行为，禁用方法并不复杂，但版本不同步骤有差异，配置项的拼写也容

在日常开发中，WebStorm的Sass自动编译是个很实用的功能，但很多人在配置上栽过跟头。说实话，大多数问题出在一个误解上：WebStorm本身并不会编译Sass或Less，它只是调用你本地安装好的命令行工具——比如`sass`或`lessc`。如果没装CLI、路径填错了、或者监听范围漏掉了下划线

WebStorm在Vue单文件组件中可通过ExtractComponent提取组件，但需满足.vue文件、Volar插件及完整模板脚本选区等条件；React函数组件不支持该功能，需手动新建文件并迁移代码。常见问题包括配置错误、路径未自动导入及状态处理遗漏。