直接拖入文件夹加载旧项目需打开完整根目录，路径须为英文无空格；vs code用.code-workspace管理多项目，webstorm需补全.tsconfig.json等配置以启用智能功能。
直接拖入文件夹就能加载旧项目，但路径必须完整且无中文空格
多数现代 HTML 编辑器（如 VS Code、Sublime Text、WebStorm）不依赖“导入”按钮，而是通过识别文件夹结构自动加载项目。关键不是“导入动作”，而是确保你打开的是包含 index.html、css/、js/ 等子目录的**根目录**，而非单个 HTML 文件。
常见错误现象：Cannot find module、资源路径报 404、CSS 不生效——基本都是因为打开了子文件夹或文件本身，导致相对路径解析失败。
- 用文件管理器定位到旧项目的最外层文件夹，例如
/Users/name/projects/old-landing-page，不是里面的/old-landing-page/html/ - 在编辑器中选择“文件 → 打开文件夹”（VS Code）或“项目 → 添加文件夹”（WebStorm），不要选“打开文件”
- 若路径含中文、空格或特殊符号（如
我的项目 v2.1），先重命名为英文+短横线，例如old-landing-v2，再打开 - 打开后检查侧边栏是否显示完整树形结构：有
index.html、assets/、node_modules/（如有）等，才算成功加载
VS Code 批量打开多个旧项目要靠工作区（.code-workspace），不是多窗口
VS Code 默认每次只打开一个文件夹；想同时管理几个旧项目（比如 blog-site、admin-panel、docs-v1），必须用工作区文件统一绑定，否则切换时会丢失已打开的标签和终端状态。
容易踩的坑：Ctrl+P 快速打开另一个文件夹，结果前一个项目被完全关闭——这不是 bug，是默认行为。
- 先分别打开每个旧项目文件夹，确保它们都处于活跃状态（可多标签共存）
- 点击菜单“文件 → 将工作区另存为…”，保存为
legacy-projects.code-workspace - 关闭所有窗口，再双击这个
.code-workspace文件，VS Code 会一次性还原全部项目布局 - 工作区文件本质是 JSON，可手动编辑添加
"folders"数组，支持跨磁盘路径，例如同时加入D:/old-proj和/home/user/archive
Sublime Text / Notepad++ 这类轻量编辑器没有原生工作区，得靠插件或约定路径
它们不保存窗口状态，所谓“导入旧项目”实际是快速定位+批量预览。如果你习惯用这类工具处理几十个散落的 HTML 文件，重点不在“加载”，而在“筛选与分组”。
性能影响明显：一次性打开 50+ 个 HTML 文件会导致 Sublime Text 卡顿甚至崩溃，Notepad++ 则可能拒绝加载超过 20 个标签页。
- 在文件管理器中，用搜索功能限定类型：
*.html或kind:html（Windows），避免误选.bak或.log - Sublime Text 安装
SideBarEnhancements插件后，右键文件夹可“Open With → Sublime Text”，自动展开所有 HTML 文件为标签页 - Notepad++ 推荐用“文件 → 批量打开”功能（需开启高级设置），但仅限同一级目录；若文件分散在多层子目录，先用命令行生成列表：
dir /s /b *.html > filelist.txt，再导入 - 所有轻量编辑器都不解析
<link rel="stylesheet">或<script src></script>，只是纯文本展示，别指望它帮你校验路径是否有效
WebStorm 等 IDE 会自动重建索引，但旧项目缺配置时要手动补 .idea 或 tsconfig.json
WebStorm 打开旧项目后常卡在“Scanning files to index…”几分钟，尤其当目录里混着 node_modules 或大量日志文件。这不是失败，是它在尝试推断项目类型。
最易被忽略的点：如果旧项目当年没用 WebStorm 开发，.idea 文件夹不存在，IDE 会按通用 HTML 模式加载——结果就是 Emmet 不触发、CSS 类名跳转失效、JS 模块路径标红。
- 首次打开后，等索引完成（右下角提示消失），立刻点击“文件 → 项目结构 → 项目”，确认 SDK 设置为正确的 Node.js 版本
- 若项目含 TypeScript，但无
tsconfig.json，手动新建一个最小配置：{"compilerOptions":{"target":"ES2015"}}，否则无法识别.ts文件 - 对纯静态项目，可在“设置 → 编辑器 → 文件类型”中，把
*.html加入“HTML Files”识别范围，避免被当成 Plain Text - 索引完成后，按
Ctrl+Shift+A输入 “Reload project” 可强制刷新，比重启快得多
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
