vs code默认不带html/css开发环境，需以文件夹形式打开项目并配置live server、prettier及css索引；live server不监听.css需手动重载或换browser-sync；class不补全因css未被识别或插件冲突；图片路径标红因未正确打开项目根目录。
VS Code 默认不带 HTML/CSS 开发环境，装完插件不等于能用——多数问题出在插件没生效、路径没对上、或配置被覆盖。直接配好就能写代码，不用折腾半天还 class 不补全、保存不格式化、改完 CSS 不刷新。
Live Server 为什么改了 CSS 不自动刷新
Live Server 默认只监听 .html 和 .js 文件，.css 改动不会触发页面重载。这不是 bug，是它设计如此：它只做“静态文件服务 + 基础热重载”，不处理 CSS 注入或 HMR。
- 临时解决：右下角点击 Live Server 状态栏 → Disable Live Server → 再点一次重新启用（重建监听列表）
- 长期方案：在项目根目录建
.vscode/settings.json，加这两行："liveServer.settings.donotShowInfoMsg": true,<br>"liveServer.settings.AdvanceCustomBrowserCmdLine": "chrome"
- 更彻底的替代：换用
browser-sync（需npm install -D browser-sync），它原生支持 CSS 注入，改完 style.css 页面局部更新，不闪屏
HTML 中 class 名不提示，但 CSS 文件明明存在
VS Code 的 class 补全是靠解析 CSS 文件内容来建立索引的，不是靠文件名或路径猜。常见失效场景有三个：CSS 后缀不对、插件冲突、HTML 未被识别为 HTML5 文档。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 确认你的样式文件是
.css后缀，不是.scss或.less；VS Code 默认不索引预处理器文件 - 禁用可能劫持属性解析的老插件，比如
Auto Close Tag、Ember Snippets、Vue Peek，它们会干扰class属性的 AST 解析 - 在
settings.json里加这行强制启用 HTML5 补全："html.suggest.html5": true
（UI 设置里的同名开关经常不生效）
Prettier 保存时报 Failed to load module 'prettier'
VS Code 的 Prettier 插件默认不走全局安装，而是优先找你项目 node_modules 下的本地版本。没装、装错位置、或版本太老（比如 v1.x），都会报这个错。
- 进项目根目录运行：
npm install --save-dev prettier@latest（推荐 v3.x） - 确保项目根目录有
.prettierrc或prettier.config.js，哪怕空文件也行，但不能语法错误（比如多逗号） - 在
settings.json显式指定路径："prettier.prettierPath": "./node_modules/prettier"
- 别用
npm install -g prettier，VS Code 默认不认全局版
图片路径标红、CSS 类名跳转失败
这是 VS Code 没把当前文件夹当“项目根目录”导致的。它所有路径解析、CSS 索引、跳转能力都依赖于“以文件夹形式打开项目”，而不是单个文件。
- 关掉所有已打开的文件和标签页
- 点击菜单栏 文件 → 打开文件夹（不是“打开文件”），选中你整个项目所在的文件夹
- 再打开
index.html，此时./images/logo.png才会被识别为有效相对路径，ctrl+click类名才能跳转到定义处
最容易被忽略的是“以文件夹形式打开项目”这一条。很多新手双击 HTML 文件直接打开，VS Code 就只把它当普通文本，后续所有功能（路径解析、CSS 索引、插件上下文）都降级运行——补全失效、跳转失灵、路径标红，全是因为起点错了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
