解决vscode中导入的vue项目tsconfig.json文件首行标红问题

问题描述

vscode中导入的vue项目tsconfig.json文件标红,文件中第一行 { 处标红

解决vscode中导入的vue项目tsconfig.json文件首行标红问题_第1张图片

问题分析

项目中自定义的tsconfig.json文件与vscode本身会自动进行JavaScript的语义检查发生冲突,而tsconfig.json文件无法覆盖vscode本身的javascript检查,故标红

 解决方案

让项目自定义的tsconfig.json文件覆盖vscode自带的javascript语义检查

具体步骤如下:

1、点击vscode左下角的设置按钮,点击Settings选项

解决vscode中导入的vue项目tsconfig.json文件首行标红问题_第2张图片

解决vscode中导入的vue项目tsconfig.json文件首行标红问题_第3张图片 2、在出现的搜索栏里面输入 check后回车 

解决vscode中导入的vue项目tsconfig.json文件首行标红问题_第4张图片 3、找到JS/TS › Implicit Project Config: Check JS选项并勾选

解决vscode中导入的vue项目tsconfig.json文件首行标红问题_第5张图片

解决vscode中导入的vue项目tsconfig.json文件首行标红问题_第6张图片 

问题解决,不再标红 

解决vscode中导入的vue项目tsconfig.json文件首行标红问题_第7张图片 

你可能感兴趣的:(前端,visual,studio,code,vue,typescript,json)