phpstorm网站制作教程

1. 新建网站项目并选择类型
   打开 PhpStorm，点击欢迎页的「New Project」。左侧选择项目类型：纯静态站选「Static Web」，要写 PHP 就选「PHP Empty Project」并在右侧指定 PHP 解释器（如果没配置，先点「...」添加本机的 PHP 路径）。填好项目名称和存放目录，点击「Create」。创建后，PhpStorm 会自动生成一个基础目录结构，你可以在左侧「Project」面板看到项目文件。
2. 创建 HTML、CSS 和 PHP 文件
   在项目文件夹上右键，选择「New」→「HTML File」创建首页 index.html；同理创建 style.css 和 script.js。如果网站需要动态功能，右键新建「PHP File」，命名如 index.php。PhpStorm 会自动补全基础模板，比如 HTML 结构。写代码时，输入「html:5」再按 Tab，可快速生成 HTML5 骨架；输入「link:css」再按 Tab，可自动插入 CSS 链接。
3. 利用实时预览调试页面
   在编辑器右上角，点击浏览器图标（Chrome、Firefox 等）即可在浏览器打开当前 HTML 文件。对于 PHP 文件，需要先配置本地服务器：打开「Settings」→「PHP」→「Servers」，添加一个本地服务器，URL 填 http://localhost:8000 之类；然后在「Run」→「Edit Configurations」里新建「PHP Built-in Web Server」，把文档根目录指向项目文件夹。配置好后，点击绿色三角按钮运行，PhpStorm 会启动内置服务器并在浏览器中打开页面。
4. 使用代码补全和快捷操作提升效率
   PhpStorm 对前端和 PHP 都有智能提示。写 HTML 时，输入标签名按 Tab 自动补全；写 CSS 时，输入属性名会列出可选值；写 PHP 时，输入函数名会自动带参数提示。常用快捷键：Ctrl+J 查看代码模板，Ctrl+Alt+L 格式化代码，Ctrl+Shift+F 全局搜索。这些能大幅减少打字量，让网站制作更顺手。
5. 连接数据库并编写动态页面（可选）
   如果网站需要数据库，先确保本机有 MySQL 或 MariaDB。在 PhpStorm 右侧打开「Database」面板，点「+」→「Data Source」→「MySQL」，填写主机、端口、用户名密码，测试连接后即可在 IDE 里管理数据库。然后在 PHP 代码中用 PDO 或 mysqli 连接数据库。PhpStorm 会对 SQL 语句高亮提示，还能直接执行查询，方便调试动态页面。
6. 部署到线上服务器
   网站做好后，需要上传到线上。PhpStorm 内置部署工具：打开「Settings」→「Build, Execution, Deployment」→「Deployment」，点「+」添加服务器类型（如 SFTP），填主机、用户名、密码和根路径。然后右键项目文件，选择「Upload to」即可上传。也可以设置自动上传：在「Options」勾选「Upload changed files automatically to default server」。上传后访问你的域名就能看到网站。

软件页面：PhpStorm。