jsconfig 配置及注意事项

jsconfig 配置的作用 在某个目录放一个 jsconfig.json,VS Code 就把它当作JavaScript 项目根。文件里定义项目包含的源文件与语言服务选项,从而影响智能提示、自动导入、转到定义、错误检查等编辑器体验。(Visual Studio Code) VS Code 没有 jsconfig 也能工作,但当你的工作区里并非所有 JS 文件都属于同一个项目,或需要路径别名/包含范围等配置时,就应该创建它。(Visual Studio Code) 它本质上是 tsconfig.json 的“JS 版变体”,只作用于编辑器的 JS/JSX 语言服务(不参与打包)。(Visual Studio Code) 为什么/什么时候需要 VS Code JS 支持有两种模式: File Scope(无 jsconfig):每个文件独立,没有统一的项目上下文。 Explicit Project(有 jsconfig):用 jsconfig.json 明确项目边界与解析规则。 当你需要更准确的 IntelliSense、跨文件跳转、非相对导入/别名,建议使用 jsconfig。(GitHub) 常用配置项(高频) include / exclude:工程边界。只把 src/ 等需要的目录纳入项目。(Visual Studio Code) compilerOptions.baseUrl + paths:配置路径别名(如 @/),让 VS Code 能解析到定义并提供自动导入。(Visual Studio Code) checkJs:对 .js/.jsx 做 TS 级别类型检查(配合 JSDoc 与 .d.ts)以发现更多类型错误。(Visual Studio Code) jsx:设置 JSX 处理方式(如 React 17+ 的 react-jsx)。(Visual Studio Code) 其他常见:module、moduleResolution、resolveJsonModule、types 等,影响编辑器如何解析模块与可见的全局类型(例如 Node/React)。(Visual Studio Code) 小技巧:用命令面板 JavaScript: Go to Project Configuration 可检查当前文件是否被某个 jsconfig.json 管理。(Visual Studio Code) ...

十一月 3, 2025