vscode中文界面不生效的根源是未执行configure display language命令并彻底重启:必须通过ctrl+shift+p运行该命令、选择zh-cn、点击restart按钮,且需完全退出所有vscode进程(如windows任务管理器中结束code.exe),否则语言配置无法加载。

中文界面不生效?检查 locale 设置和重启方式
VSCode 安装简体中文插件后仍显示英文,大概率不是插件没装对,而是 locale 没配或没生效。插件本身只提供翻译资源,真正切换语言靠的是配置项。
- 必须通过命令面板(
Ctrl+Shift+P)运行Configure Display Language,选zh-cn,然后**完全退出 VSCode 进程**(macOS 关掉窗口不算退出,Windows 任务管理器里确认Code.exe已结束),再重开 - 如果用的是远程开发(Remote-SSH / WSL),
locale要分别在本地和远程的settings.json里都设一遍,否则远程窗口还是英文 - 某些第三方主题或调试插件会覆盖语言设置,可临时禁用它们再试;若仍无效,删掉
~/.vscode/extensions/ms-ceintl.vscode-language-pack-zh-hans-*文件夹后重装插件
Live Server 启动报错 “Address already in use” 怎么办
这是端口被占最常见的表现,Live Server 默认用 5500,但 Python 的 http.server、旧版 Live Server 实例、甚至其他编辑器可能正占着它。
- 别急着改端口,先查谁在用:
lsof -i :5500(macOS/Linux)或netstat -ano | findstr :5500(Windows),记下 PID 后kill -9 [PID]或任务管理器结束进程 - 永久规避:在用户设置里加
"liveServer.settings.CustomBrowser": "chrome"和"liveServer.settings.port": 5501,避免和默认端口冲突 - 如果项目根目录有
package.json且含"scripts": {"start": "..."},Live Server 可能误判为需要 npm 启动——关掉"liveServer.settings.AdvanceCustomBrowserCmdLine"这个选项
Prettier 和 ESLint 冲突导致保存后代码反复格式化
这不是插件坏了,是规则打架。Prettier 负责“怎么写好看”,ESLint 负责“怎么写没错”,但两者都改代码时,就会出现保存一次、格式变两次、再保存又变回来的循环。
- 必须装
eslint-config-prettier并在.eslintrc.js的extends数组末尾加上'prettier',它会关闭所有和 Prettier 冲突的 ESLint 规则 - VSCode 设置里只留一个格式化工具:
"editor.defaultFormatter": "esbenp.prettier-vscode",同时关掉"editor.formatOnSave",改用"editor.codeActionsOnSave": {"source.fixAll.eslint": true} - Vue 项目要额外加
eslint-plugin-prettier,并在 ESLint 配置中启用plugin:prettier/recommended,否则<template></template>块里的缩进照样乱
Auto Rename Tag 在 JSX 里失效?检查语言模式和激活范围
这个插件默认只对 html 语言生效,React 开发者打开 .jsx 文件时,VSCode 可能识别成 javascriptreact,而插件没被告知要监听它。
- 打开设置搜
auto-rename-tag.activationOnLanguage,确保值包含"javascriptreact"和"typescriptreact",不能只写"jsx"(这不是合法的语言 ID) - 如果用了自定义文件后缀(比如
.tsx),得手动在命令面板运行Change Language Mode,选TypeScript React,否则插件根本不知道你在写组件 - 某些语法高亮插件(如
Vetur)会干扰语言识别,Vue + JSX 混合项目建议换用Volar,并关掉 Vetur
插件不是越多越好,每个都可能引入新路径、新依赖、新配置冲突点。真正卡住你的,往往不是功能缺失,而是两个看似无关的设置在底层互相覆盖——比如 locale 被远程环境覆盖,或 defaultFormatter 被某个主题插件悄悄改写。动手前先看一眼 settings.json 里实际生效的是什么,比盲目重装快得多。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











