webstorm基本操作

1. 新建项目与打开文件夹
   打开 WebStorm 后，在欢迎界面点击「New Project」即可创建新项目。选择项目类型（如 Empty Project 或基于模板的 Node.js、React 等），设置项目名称和保存位置，点击「Create」完成。若已有代码，点击「Open」选择项目文件夹，WebStorm 会识别项目结构并建立索引。首次打开较大项目时，索引可能需要几分钟，期间可正常编辑但智能提示暂不完整。
2. 文件编辑与常用快捷键
   在项目树中双击文件即可打开编辑器。常用操作包括：Ctrl+C/V/X 复制粘贴剪切，Ctrl+Z/Y 撤销重做，Ctrl+D 复制当前行，Ctrl+/ 注释或取消注释，Tab/Shift+Tab 缩进与反缩进。使用 Ctrl+F 在当前文件查找，Ctrl+Shift+F 在整个项目范围查找。代码补全默认开启，输入代码时自动弹出建议列表，用上下箭头选择后回车确认。
3. 运行与调试代码
   对于 Node.js 项目，右键点击入口文件（如 index.js），选择「Run 'index.js'」即可运行，运行结果输出在底部「Run」工具窗口。若要调试，点击编辑器左侧行号处设置断点，然后右键选择「Debug 'index.js'」，程序会在断点处暂停，此时可查看变量值、单步执行（F8 跳过、F7 进入）。WebStorm 也支持通过运行配置（Run > Edit Configurations）自定义启动参数和环境变量。
4. 版本控制操作
   如果项目使用 Git，WebStorm 会自动检测并显示版本控制信息。修改文件后，在项目树中文件名会变为蓝色（已修改）或绿色（新增）。提交代码时，按 Ctrl+K 打开提交窗口，勾选要提交的文件，填写提交信息，点击「Commit」。推送代码用 Ctrl+Shift+K，拉取更新用 Ctrl+T。分支操作在右下角状态栏的 Git 分支名称处点击，可切换分支、创建新分支或合并分支。
5. 常用视图与窗口管理
   左侧是项目文件树，右侧是编辑器区域，底部是工具窗口（如 Terminal、Run、Problems）。按 Alt+1 快速显示或隐藏项目树，Alt+4 显示运行窗口，Alt+F12 打开终端。编辑器支持分屏，右键标签页选择「Split Vertically」或「Split Horizontally」可同时查看多个文件。按 Ctrl+E 查看最近打开的文件，Ctrl+Shift+E 查看最近编辑的位置，方便快速跳转。

软件页面：Webstorm。