在VS Code的jsconfig.json中设置baseUrl和路径以解析.vue文件

时间:2017-06-04 20:50:18

标签: vue.js visual-studio-code vscode-settings

我正在使用VS代码和Vue.js,我试图设置VS代码以便能够显示文件的有效/无效路径

使用以下设置我可以得到正确的有效/无效符号(无效路径下面的红色下划线)但是使用.vue文件,我只会得到无效符号("compilerOptions"."paths"中的相对路径和指定路径

如何设置 jsconfig.json 或任何其他设置才能使其正常工作?请指导

由于

路径

|-jsconfig.json
+-src
|    +-components
|    |    |-Foo.js
|    |    |-Foo.vue
|    |    |-entry.js

jsconfig.json

{
    "compilerOptions": {
        "checkJs": true,
        "module": "es2015",
        "target": "es6",
        "baseUrl": ".",
        "paths": {
            "Components": [ "./src/components" ]
        }
    }
}

entry.js

// no errors, Foo.js can be resolved
import F1 from 'Components/Foo'
// no errors, Foo.js can be resolved
import F2 from './Foo'
// errors, no Fo.js anyway
import F3 from 'Components/Fo'
// errors Foo.vue cannot be resolved
import F4 from 'Components/Foo.vue'
// errors Foo.vue cannot be resolved
import F5 from './Foo.vue'
  

tsc版本:2.3.4

0 个答案:

没有答案