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

这篇具有很好参考价值的文章主要介绍了解决vscode中导入的vue项目tsconfig.json文件首行标红问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

问题描述

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

解决vscode中导入的vue项目tsconfig.json文件首行标红问题,前端,visual studio code,vue,typescript,json

问题分析

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

 解决方案

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

具体步骤如下:

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

解决vscode中导入的vue项目tsconfig.json文件首行标红问题,前端,visual studio code,vue,typescript,json

解决vscode中导入的vue项目tsconfig.json文件首行标红问题,前端,visual studio code,vue,typescript,json 2、在出现的搜索栏里面输入 check后回车 

解决vscode中导入的vue项目tsconfig.json文件首行标红问题,前端,visual studio code,vue,typescript,json 3、找到JS/TS › Implicit Project Config: Check JS选项并勾选

解决vscode中导入的vue项目tsconfig.json文件首行标红问题,前端,visual studio code,vue,typescript,json

解决vscode中导入的vue项目tsconfig.json文件首行标红问题,前端,visual studio code,vue,typescript,json 

问题解决,不再标红 

解决vscode中导入的vue项目tsconfig.json文件首行标红问题,前端,visual studio code,vue,typescript,json 文章来源地址https://www.toymoban.com/news/detail-804556.html

到了这里,关于解决vscode中导入的vue项目tsconfig.json文件首行标红问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • TypeScript配置-- 2. 了解ts配置项,根据vite项目了解typescript配置文件,tsconfig.json、tsconfig.node.json、

    仅对于Ts项目来说,产生红色波浪线,主要是由于语法错误,当然也有其他情况… 这边先引入一个greeter.ts文件 发现居然没有跟一些项目一样,有红色的波浪线,不是说了函数里面的参数是需要显示追加类型的吗。 tsconfig.json 不知道有什么配置项?鼠标悬浮试试~~ 具体可以看

    2024年02月03日
    浏览(29)
  • 【TypeScript】tsconfig.json 配置文件

    该文件由 tsc --init 命令生成 tsconfig.json

    2024年02月11日
    浏览(36)
  • Cannot find base config file @vue/tsconfig/tsconfig.web.json

    vue升级到最新版本,node18 会出现warning 参考issues Cannot find base config file @vue/tsconfig/tsconfig.web.json

    2024年02月12日
    浏览(32)
  • 【TypeScript】tsconfig.json文件到底是干啥的?作用是什么?

    参考学习博文: 掌握tsconfig.json 一、tsconfig.json简介 1、tsconfig.json是什么? TypeScript 使用 tsconfig.json 文件作为其 配置文件 ,当一个目录中存在 tsconfig.json 文件,则认为该目录为 TypeScript 项目的 根目录 。 通常 tsconfig.json 文件主要包含两部分内容: 指定待编译文件 定义编译选

    2024年02月01日
    浏览(34)
  • vscode编译多文件复杂项目时tasks.json launch.json 的配置

    本文介绍了利用vscode编译复杂工程的方法,包括gcc和cmke编译时 tasks.json launch.json c_cpp_properties.json 的具体配置。 使用例子 c/c++在windows下编译:使用MinGW gcc从零编译项目 编译程序所需要的指令 上述tasks.json相当于在脚本中执行以下几条命令 每一条命令都要在tasks.json中的tasks中

    2024年02月05日
    浏览(35)
  • 在 ES 模块(Node.js)中导入 JSON 文件

    Node.js 文档建议使用 fs 模块并自己完成读取文件和解析的工作。 这种方法比起我们接下来用的第二种方法更容易理解。 我们还可以使用 createRequire 加载 JSON 文件。 createRequire 允许您构造 CommonJS require 方法,以便可以使用典型的 CommonJS 功能,例如在 Node.js 中读取 JSON ES 模块。

    2024年02月06日
    浏览(23)
  • windows .vscode的json文件配置 CMake 构建项目 调试窗口中文设置等

    一、CMake 和 mingw64的安装和环境配置  二、tasks.json和launch.json文件配置 tasks.json launch.json  三、CMakeLists.txt文件 四、头文件和源文件 cat.h cat.cpp main.cpp 五、中文乱码问题解决  CMake C/C++程序输出乱码 Clion CMake C/C++程序输出乱码_cmake message 乱码-CSDN博客https://blog.csdn.net/qq_37274323/

    2024年01月24日
    浏览(40)
  • 如何配置jsconfig.json文件解决VSCode中无法识别@别名引用的问题

    在现代web开发中,使用别名来引用模块已经成为了一个非常常见的做法。这样可以使得代码更加易读、易维护。然而,在使用VSCode进行开发时,如果不正确地配置jsconfig.json文件,就会遇到一些问题。 其中一个比较常见的问题是,在使用“@”符号来引用模块时,无法通过Ctr

    2023年04月10日
    浏览(32)
  • tsconfig.json参数详解

    tsconfig.json是ts编译器的配置文件,ts编译器可以根据他的信息来对代码进行编译。  想要学习这篇文章小伙伴,可以先去看看下面文章,可以明白tsconfig.json的由来以及如何编译: 在vscode中使用Typescript并运行_typescript vscode插件_suoh\\\'s Blog的博客-CSDN博客 下面开始讲解常用的配置

    2024年02月21日
    浏览(28)
  • 【制作npm包3】了解 tsconfig.json 相关配置

    本文是系列文章, 作者一个橙子pro,本系列文章大纲如下。转载或者商业修改必须注明文章出处 一、申请npm账号、个人包和组织包区别 二、了解 package.json 相关配置 三、 了解 tsconfig.json 相关配置 四、 api-extractor 学习 五、 npm 包制作完整教程,我的第一个npm包 在最早的 ty

    2024年02月12日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包