webstorm2023.使用

1. 新建项目并选择项目类型
   打开 WebStorm 2023 后，点击欢迎界面的 New Project。在左侧选择项目类型，常见的有 Empty Project、HTML、React、Vue 等。如果使用框架，WebStorm 2023 会自动生成基础结构和配置文件。项目名称和保存路径可以自定义，建议使用英文路径避免后续工具链问题。创建后，WebStorm 会为项目建立索引，首次打开可能需要等待几秒。
2. 配置 Node.js 和包管理器
   WebStorm 2023 需要 Node.js 才能运行 JavaScript 项目。点击菜单 File > Settings（Windows）或 WebStorm > Preferences（macOS），在 Languages & Frameworks > Node.js 中设置 Node interpreter 路径。如果本机已安装 Node.js，WebStorm 通常会自动检测。包管理器可以选择 npm、yarn 或 pnpm，根据项目已有 lock 文件选择。配置完成后，内置终端会自动使用正确的环境变量。
3. 使用内置终端和运行配置
   WebStorm 2023 内置终端位于窗口底部，默认使用系统 shell。可以直接在终端中执行 npm install 或 npm run dev 等命令。也可以创建运行配置：点击右上角下拉菜单，选择 Edit Configurations，新增 npm 配置，指定 package.json 中的脚本。设置好之后，点击绿色运行按钮即可启动项目，控制台会输出日志，方便查看错误。
4. 常用快捷键和代码编辑技巧
   WebStorm 2023 的快捷键能提升编码效率。Ctrl+Space 触发代码补全，Ctrl+Shift+F10 运行当前文件，Ctrl+Alt+L 格式化代码，Ctrl+Shift+A 查找所有操作。双击 Shift 可以搜索文件、类或符号。使用 Alt+Enter 可以快速修复错误或导入缺失的模块。代码折叠、多光标编辑（Alt+鼠标点击）和列选择模式（Alt+Shift+Insert）适合批量修改。
5. 调试 JavaScript 和 Node.js 代码
   WebStorm 2023 提供图形化调试器。在代码行号左侧点击设置断点，然后点击右上角的调试按钮（虫子图标）。调试器会在断点处暂停，显示变量值、调用栈和监视表达式。可以逐行执行（F8）、步入函数（F7）或跳出函数（Shift+F8）。对于前端项目，可以配置 JavaScript Debug 运行配置，指定 URL 和浏览器，实现浏览器内调试。
6. 版本控制与 Git 集成
   WebStorm 2023 内置 Git 支持。打开项目后，如果目录是 Git 仓库，会自动识别。在右上角或底部工具栏可以看到分支信息。使用 VCS 菜单可以提交（Commit）、推送（Push）、拉取（Pull）和查看历史。冲突解决界面直观，可以手动合并。也可以使用图形化的 Log 视图查看分支提交图。首次使用需要配置 Git 可执行文件路径，在 Settings > Version Control > Git 中设置。

软件页面：Webstorm。