零基础做个人主页不推荐用webstorm，因其为大型项目设计、启动慢、配置复杂；应选vs code+live server。若坚持用webstorm，需选empty project、设js语言版本为es5.1、右键open in browser。
零基础用 WebStorm 做个人主页，不是不行，但不推荐——WebStorm 是为大型 JavaScript/TypeScript 项目设计的重型 IDE，启动慢、内存吃得多、配置项多，对纯静态 HTML/CSS 页面属于“高射炮打蚊子”。真正适合零基础起步的是 VS Code + Live Server 插件，轻量、开箱即用、错误提示友好。
为什么 WebStorm 对纯静态页反而增加学习成本
WebStorm 默认开启大量语言服务（如 TypeScript 检查、ESLint 集成、Webpack 监听），在只有 index.html 和 style.css 的情况下，它会频繁报错：Cannot resolve symbol 'document' 或 Unresolved variable 'console'，这不是你代码错了，是它默认按“带构建流程的现代前端项目”来解析。你得手动关掉 JavaScript Language Version 检查、禁用 ESLint、关闭 HTML Template Language Injection……这些操作对零基础用户等于第一道劝退墙。
如果坚持用 WebStorm，必须做的三件事
不是不能用，而是得“降级使用”：把它当高级文本编辑器，而不是前端开发环境。
- 新建项目时选
Empty Project（不是Static Web，后者会自动加一堆你不理解的配置） - 在
Settings > Languages & Frameworks > JavaScript中，把JavaScript language version改成ECMAScript 5.1—— 避免它用 ES6+ 规则检查你的document.getElementById - 右键
index.html→Open in Browser，别点顶部的绿色三角形运行按钮（那是给 Node.js 或 Java 用的，会报No run configuration）
一个能跑通的最小结构示例
只放三个文件，不建文件夹，不配路径，不引入外部资源：
<!-- index.html --> <title>我的主页</title><h1>你好，我是张三</h1> <p>这是用 WebStorm 写的第一页</p> <link rel="stylesheet" href="style.css">
/* style.css */
body { font-family: -apple-system, sans-serif; margin: 2rem; }
h1 { color: #2563eb; }
保存后右键 index.html → Open in Browser，就能看到效果。别碰 File > New > HTML File，它会自动生成带 <script type="module"></script> 的模板，零基础根本不需要。
真正卡住初学者的，从来不是“怎么写 HTML”，而是“为什么改了代码浏览器没变”——这通常是因为用了 WebStorm 自带的内置服务器（端口 63342），而它默认不自动刷新；或者你双击打开 index.html 走的是 file:// 协议，某些 CSS 特性（比如 @import）会失效。最稳的解法：老老实实右键 → Open in Browser，别省那一下鼠标。
