编辑器需手动绑定项目根目录才能正确解析路径，vs code右键文件夹选“set as root folder”，webstorm直接“open”含package.json的文件夹；混开src/与dist/会导致路径混淆和误覆盖，应分窗口隔离。
怎么让编辑器记住每个项目的文件夹位置
编辑器不会自动识别“这是哪个项目”，必须手动绑定根目录，否则打开文件时路径提示、跳转、代码补全都会错乱。关键不是“打开文件夹”，而是“设为项目根目录”。
常见错误现象：Go to Definition 跳到空文件、Ctrl+P 模糊搜索找不到 utils.js、CSS 中的 @import 路径标红但实际能运行——这些基本都是根目录没设对。
- VS Code：右键资源管理器里的项目文件夹 → “Add Folder to Workspace”，再右键该文件夹 → “Set as Root Folder”
- Sublime Text：菜单栏 “Project” → “Add Folder to Project”，然后 “Save Project As…” 存为
my-app.sublime-project - WebStorm：直接 “Open” 整个文件夹（不是单个文件），它会自动识别
package.json或index.html所在层为根
为什么 src/ 和 dist/ 不能混在一个工作区里打开
混开会导致编辑器语言服务混淆：比如你在 dist/css/main.css 里改了样式，编辑器可能把 src/css/scss/main.scss 的变量定义当成无效引用；或者 dist/index.html 中的 src/js/main.js 路径被高亮为“文件不存在”，因为编辑器只认当前工作区根下的路径。
更麻烦的是保存行为：你误点了 dist/index.html 的保存，结果上线文件被覆盖，而源码还没提交——这种事故在没隔离工作区时高频发生。
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
- 正确做法：两个独立窗口，一个开
src/（用于编码），一个开dist/（仅用于验证构建结果） - 如果必须并排看，用编辑器的“Reveal in Side Bar”功能临时定位文件，别把
dist/加进工作区 - VS Code 用户可启用
"files.exclude"配置隐藏dist/**，但隐藏 ≠ 隔离，仍不推荐混开
HTML里写路径时，编辑器能帮上什么忙
编辑器本身不解析运行时路径，但它能根据当前根目录提供智能补全和校验。前提是路径写法跟根目录逻辑一致——用根相对路径 /css/main.css 或相对路径 ./css/main.css，编辑器才认；写成 ../public/css/main.css 却没上两级目录，它就会标黄警告。
容易踩的坑：pages/about.html 里写 js/main.js，编辑器会去找 pages/js/main.js，而不是你想要的根目录下的 js/main.js。这不是编辑器错了，是你路径基准点理解错了。
- 统一用根相对路径（以
/开头）：所有 HTML 文件都从项目根开始引用，<link href="/css/main.css"> - 禁用编辑器的“自动插入相对路径”插件，这类插件常按当前文件位置硬算，反而误导
- 在 VS Code 中启用
"html.suggest.html5": true和"html.validate.scripts": true，可提前发现src属性指向不存在的文件
多项目切换时，工作区配置容易丢的三个地方
工作区文件（如 .code-workspace）只存布局和文件夹路径，不存编辑器核心设置。真正影响编码体验的其实是项目级设置，它们分散在不同位置，一不留神就失效。
最常被忽略的是语言关联和缩进规则：比如你给某个项目设了 editor.tabSize: 2，但换到另一个工作区后，它又变成全局默认的 4，导致提交时混入不同缩进。
-
.vscode/settings.json必须存在且 Git 跟踪：里面放"editor.insertSpaces": true、"files.encoding": "utf8"等项目专属项 -
.editorconfig放根目录：比编辑器设置更通用，WebStorm / Sublime / VS Code 都认，能统一缩进、换行符等基础格式 - 语言关联别只靠界面设置：在
.vscode/settings.json显式写"files.associations": {"*.tpl": "html"}，否则换机器或重装插件就丢
/ 到底指哪”。项目结构一旦定型，根目录就是铁律，改它等于重画地图。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
