webstorm如何新建项目

1. 从欢迎界面新建项目
   打开 WebStorm 后，如果当前没有打开任何项目，会直接进入欢迎界面。在欢迎界面左侧有「Projects」列表，右侧有「New Project」按钮，点击它就能进入新建项目向导。如果你已经打开了其他项目，想回到欢迎界面，可以点击菜单栏 File → Close Project，关闭当前项目后就会回到欢迎界面，再点「New Project」即可。这个入口适合每次启动时快速开始新任务。
2. 从菜单栏新建项目
   如果你已经在 WebStorm 中打开了某个项目，想再新建一个项目，不需要关闭当前项目。直接点击顶部菜单栏的 File，在下拉菜单中选择 New，然后点击 Project…。此时会弹出新建项目对话框，和从欢迎界面进入的向导完全一样。这个方式适合在开发过程中同时创建多个项目，或者临时需要新建一个测试项目时使用，操作路径非常直观。
3. 选择项目类型和模板
   在新建项目对话框中，左侧是项目类型列表。WebStorm 主要面向 JavaScript 和前端开发，常见类型包括 Empty Project、HTML5 Boilerplate、React、Angular、Vue.js、Node.js 等。如果你只是写简单的 HTML/CSS/JS，可以选择 Empty Project 或 HTML5 Boilerplate；如果要开发框架项目，选择对应的框架模板，WebStorm 会自动生成基础目录结构和配置文件。选择后右侧会显示项目名称、项目位置（Location）和模板选项。
4. 设置项目名称和保存位置
   在新建项目对话框中，你需要填写项目名称（Project name），WebStorm 会自动根据名称生成项目保存路径，也可以点击路径旁边的文件夹图标手动选择保存位置。建议把项目放在一个专门的目录下，方便管理。注意项目路径中尽量不要包含中文或空格，以免某些工具链出现兼容问题。设置好后，点击右下角的 Create 按钮，WebStorm 就会创建项目并自动打开。如果路径下已有同名文件夹，WebStorm 会提示是否覆盖或合并，请谨慎操作。
5. 新建项目后的初始操作
   项目创建完成后，WebStorm 会自动打开项目窗口。左侧是项目文件树，右侧是代码编辑区。如果是空项目，你需要手动创建文件：在项目根目录上右键，选择 New → JavaScript File 或 HTML File，输入文件名即可。如果是框架模板，WebStorm 会生成 package.json 等文件，你可以打开终端（Terminal 工具窗口）运行 npm install 安装依赖，然后按模板说明启动开发服务器。新建项目后，建议先检查右下角是否提示配置 Node.js 解释器，如果有，按提示选择已安装的 Node 版本。

软件页面：Webstorm。