webstorm怎么建立站点

1. 新建项目作为站点根目录
   打开 WebStorm，点击 File 菜单选 New Project，左侧选 Empty Project 或 Static Web。在 Location 里指定一个文件夹，这个文件夹就是站点的根目录，所有网页文件都放在这里。项目类型选 Static Web 时，WebStorm 会自动识别 HTML、CSS、JS 文件，方便后续预览。如果已有现成网站代码，直接 Open 打开那个文件夹即可，WebStorm 会把它当作项目根目录。
2. 创建首页文件 index.html
   在项目根目录上右键，选 New 再选 HTML File，命名为 index.html。这个文件通常是站点入口。在编辑区输入基本结构，比如 、、、。WebStorm 有代码提示，输入 < 后会自动补全标签。保存后，这个文件就是你要预览的页面。后续添加 CSS 或 JS 文件，也放在同一项目下，用相对路径引用。
3. 配置内置服务器预览站点
   WebStorm 自带一个简单的 Web 服务器，能模拟站点环境。在编辑器右上角找到浏览器图标，点击下拉箭头选 Edit Configurations，然后点加号选 JavaScript Debug 或 Static Web Server。在配置窗口里设置 URL，一般填 http://localhost:63342/项目名/index.html，端口可以改。配置好后，点击绿色运行按钮或右上角浏览器图标，就能在浏览器打开页面。如果页面没显示，检查文件路径和端口是否被占用。
4. 使用本地服务器工具（可选）
   如果内置服务器不满足需求，可以安装 Node.js 后用 npm 启动一个静态服务器。在 WebStorm 的 Terminal 面板输入 npx serve 或 npx http-server，它会自动打开一个本地地址，比如 http://localhost:3000。把 index.html 放在项目根目录，访问该地址就能看到站点。这种方式更接近真实服务器环境，适合测试 AJAX 或模块化代码。WebStorm 会自动识别终端命令，不需要额外配置。
5. 部署到远程站点服务器
   如果要把站点部署到线上，WebStorm 支持 FTP/SFTP 上传。打开 Settings 或 Preferences，找到 Build, Execution, Deployment 里的 Deployment，点加号添加服务器类型，填主机地址、用户名、密码和根路径。配置好后，右键项目文件选 Upload to 就能上传。这样 WebStorm 就真正管理了一个远程站点。注意：不要在这里填写任何激活或破解信息，只填正常的服务器连接参数。

软件页面：Webstorm。