4种方法解决VSCODE提示Vetur can't find `package.json` or `tsconfig.json` or `jsconfig.json` in

在VScode中安装了Vue拓展插件Vetur,结果每次打开编辑器就会提示

Vetur can't find `package.json` in h:\项目路径.

或

Vetur can't find `tsconfig.json` or `jsconfig.json` in h:\项目路径.

对于在这方面有强迫症的小米(www.bbsxiaomi.com)  怎能容忍如此情况;

原因

在Vetur 0.31.0版本后新增了一个vetur.config.js的配置文件，

在这个版本之后，会优先查找项目中是否配有tsconfig.json（ts项目）或者jsconfig.json（js项目），

没找到这2个文件就去找vetur.config.js，如果都没有，就会抛出这个提示。

以下是4种解决问题的方法:

• 方法1:不显示警告,选择忽视

在文件--首选项--设置里搜索 vetur warning,把Vetur:lonore Project Warning的勾选项

或者

再配置文件中添加vetur.ignoreProjectWarning: true即可忽律提示--推荐



2.方法2:回滚Vetur版本

打开插件列表找到Vetur,右键选择安装到另外一个版本,因为是从0.31.0开始出现的,所以选择0.30.0,问题解决,但是也丧失了使用最新功能的权利



3.方法3:在根目录添加代码

在项目根目录创建jsconfig.json文件，加入代码：

{    "include": [        "./src/*"
    ]
}

4.方法4:在项目根目录添加代码


在项目根目录创建vetur.config.js文件，加入代码：

module.exports = {
    // vetur配置，会覆盖vscode中的设置。  default: `{}`
    settings: {
        "vetur.useWorkspaceDependencies": true,
        "vetur.experimental.templateInterpolationService": true
    },
    // 普通项目采用默认配置 default: `[{ root: './' }]`
}







说明




VSCode的JavaScript支持可以在两种不同的模式下运行：




文件范围（没有jsconfig.json）




在此模式下，在VSCode中打开的JavaScript文件被视为独立单元。




只要文件a.js没有显式引用文件b.ts（使用///引用指令或CommonJS模块），两个文件之间就没有共同的项目上下文。




显式项目（使用jsconfig.json）




JavaScript项目是通过jsconfig.json文件定义的。目录中存在此类文件表示该目录是JavaScript项目的根目录。




文件本身可以选择列出属于项目的文件，要从项目中排除的文件，以及编译器选项。







当您在工作空间中有一个定义项目上下文的jsconfig.json文件时，JavaScript体验会得到改进。




因此，当您在新工作空间中打开JavaScript文件时，我们提供了一个创建jsconfig.json文件的提示。