WebStorm左侧Project视图中+按钮不显示“文件”选项，是因为当前未选中有效目录、处于非Project标签页或项目未正确打开；应先单击深灰色目录节点、确保在Project视图下（Alt+1/Cmd+1唤出），再点击+或直接用Alt+Insert/Cmd+N快捷键新建。
点击加号后没看到“文件”选项？检查是否在正确位置
WebStorm 左侧项目工具窗口顶部的 + 按钮默认只显示常用项（如 Directory、File），但它的行为取决于你当前选中的节点类型和上下文：
- 如果选中的是一个普通目录（比如
src或根目录），点+后通常会出现File选项 - 如果选中的是某个文件（比如
index.js），+菜单会变灰或不显示File—— 这是正常限制，不能在文件下直接新建文件 - 如果选中的是
Scratches and Consoles或External Libraries等特殊节点，+也不会提供File
最稳妥的做法：先在项目树里单击一个真实存在的目录（颜色为深灰/蓝灰，不是浅灰或斜体），再点 +。
点了 File 却创建出奇怪内容？注意扩展名和模板匹配
选择 File 后弹出的对话框里，你输入的名称会直接影响 WebStorm 的行为：
- 输入
index.html→ 自动识别为 HTML 文件，插入和基础结构 - 输入
app.vue→ 前提是已安装 Vue 插件并注册了.vue类型，否则会被当作文本文件，无语法高亮 - 输入
config（无扩展名）→ 创建纯文本文件，类型为Plain Text，后续需手动重命名或关联类型 - 输入
utils/string.ts→ 若utils目录不存在，WebStorm 会自动创建该嵌套路径
关键点：.ts、.jsx、.svelte 等扩展名必须与 WebStorm 已启用的文件类型匹配，否则不会触发对应语言模板或高亮。
为什么有时 + 根本不出现？可能是视图模式问题
左侧工具窗口顶部有多个标签页（Project、Structure、Git 等），只有在 Project 视图下 + 才具备创建功能：
- 若当前是
Structure或Problems标签页，+按钮不可见或禁用 - 若
Project标签页被意外关闭，可通过Alt+1（Windows/Linux）或Cmd+1（macOS）重新唤出 - 极少数情况（如打开单个文件而非项目），
Project视图可能被隐藏，此时需先通过File → Open打开一个文件夹作为项目
快捷键比点 + 更快：用 Alt+Insert（Win/Linux）或 Cmd+N（macOS）
这是更稳定、更少受上下文干扰的方式：
- 聚焦在目标目录上（鼠标点一下或方向键选中），直接按
Alt+Insert→ 弹出完整新建菜单，含File、Directory、JavaScript File、Vue Component等所有可用项 - 若已安装对应插件（如 Vue、React、Svelte），这些语言专属选项会自动出现在菜单中
- 输入文件名时支持路径补全，例如输入
components/Button.vue，WebStorm 会自动创建components目录
真正容易被忽略的是：WebStorm 不会主动提示你「该扩展名未注册」，它只会默默创建一个 Plain Text 文件。如果你发现新建的 .vue 或 .astro 文件没有高亮、没有代码补全，第一反应不该是重装插件，而是去 Settings → Editor → File Types 检查扩展名是否已被正确映射到对应文件类型。
