因为新建项目时跳过左侧技术栈选择直接点击create，导致webstorm生成空文件夹，未执行模板初始化流程，故package.json未生成。
新建项目时选错模板，为什么 package.json 没生成？
WebStorm 新建项目不是“点下一步就完事”，它分两步：先选左侧技术栈（如 JavaScript、TypeScript、Vite），再选右侧具体模板。很多人跳过左侧直接点 Create，结果生成的是空文件夹——没 package.json，没 node_modules，也没启动脚本。
真正能开箱即用的项目，必须在左侧明确选中目标技术栈：
- 写纯 HTML/CSS/JS 小 demo → 选
JavaScript - 要用 Vue3 → 选
Vite（WebStorm 自动识别模板，比 Vue CLI 更轻量） - 需要类型检查 → 选
TypeScript，别选错成JavaScript后手动改 - Angular 项目 → 确保已启用
Angular and AngularJS插件（Settings | Plugins）
误建空项目后，右键根目录 → New | File → 手动建 package.json 是无效的；正确补救是右键已有 package.json → Run npm install，但框架专属功能（如组件预览、CLI 命令集成）仍不可用。
IDE 报 “npm install not found”，其实是 Node.js 路径没配对
WebStorm 不自动继承系统 PATH，它默认查自己内置的 Node.js 解释器路径，而这个路径常常为空或指向旧版本。所以即使你终端里 node -v 和 npm -v 都正常，IDE 里照样报错。
解决方法很直接：
- 按
Ctrl + Alt + S（Windows/Linux）或Cmd + ,（macOS）打开Settings - 进
Languages & Frameworks | Node.js and NPM - 在
Node interpreter下拉框里，手动指定你真实安装的node可执行文件路径
常见路径参考：
- macOS（brew 安装）：
/opt/homebrew/bin/node - Windows（nvm 管理）：
C:\Users\{user}\AppData\Roaming\nvm\v18.17.0\node.exe（选当前nvm use的版本） - Linux（手动编译）：
/usr/local/bin/node
改完保存，右键 package.json → Run npm install 才会真正调用你本地的 npm。
Playground 提示一闪就消失，怎么重新触发？
WebStorm 的 Playground 项目（比如 Vite + Vue 模板）会在首次打开 index.html 或 main.ts 时，在编辑器顶部显示淡黄色引导横幅，例如「Click here to run your app」。但它只出现一次，点完或关掉标签页就没了，也不会再弹。
想让它回来，只有两个可靠办法：
- 关闭当前文件标签页，再双击项目里的
index.html或入口文件重新打开 - 按
Ctrl + Shift + A（macOS 是Cmd + Shift + A），输入Onboarding Tips，回车执行命令
别指望重启 IDE 或重装插件——这些操作不会重置提示状态。它本质是文件级标记，不是全局开关。
调试时断点不生效，先确认 Chrome 插件和端口配置
点行号旁的红点设了断点，但运行后直接跳过，大概率不是代码问题，而是调试通道没打通。
关键检查项：
- Chrome 浏览器必须已安装官方
JetBrains IDE Support插件（Chrome 应用商店搜这个名字，不是“JetBrains Connector”） - 在
Run | Edit Configurations中，确保启动配置的URL填的是http://localhost:5173（Vite 默认）或对应端口，不是file://协议 - 如果用了非标准端口（比如
vite --port 3000），调试配置里的端口也得同步改，否则 IDE 连不上 DevServer
断点生效后，调试控制台里能看到变量值、调用栈，还能直接在 Console 标签页里执行表达式测试逻辑——这比浏览器开发者工具更贴近源码上下文。
新手最容易卡在“以为项目建好了就能跑”，其实 WebStorm 的项目初始化强依赖模板选择和 Node.js 路径绑定。这两步没踩准，后面所有功能都会打折扣，包括智能提示、调试、甚至右键菜单里的运行选项。与其反复删项目重来，不如花两分钟确认左侧模板和 Node.js 路径——这是真正省时间的起点。
