javascript - 用于引导脚本中全局注册模块的 Visual Studio Code 智能感知

Question

我正在尝试获取 Visual Studio 代码 intellisense为我在 bootstrap.js 中需要的模块工作，这是相对于 src文件夹。

这是文件夹结构:

├───src
│   ├───components
│   │   ├───partials
│   │   │   ├───step1
│   │   │   ├───step2
│   │   │   └───step3
│   │   ├───views
│   │   └───windows
│   └───router
├───static
└───style

这就是bootstrap.js看起来像:

'use strict';

try {
    global._ = require('lodash');
    global.axios = require('axios');
} catch (e) {
    console.log(`Error loading libraries in "boostrap.js": ${e}`);
}

bootstrap.js在 main.js 中是必需的(即，也相对于 src/ )看起来像这样:

// Load project global dependencies.
require('./bootstrap');

import Vue from 'vue';
import App from './App.vue';
import router from './router';


new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App }
});

然后，在components/partials/step1/Example.vue内, 我试着得到 intellisense通过输入 _.<CTRL + SPACE> (即加载 lodash )。目前，当我这样做时，我只会得到针对我在该文件中单独声明的其他变量的建议。

我尝试添加 jsconfig.json相对于 src/有各种设​​置，但它不起作用，例如:

{
    "compilerOptions": {
        "target": "ES6"
    },

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

我在这里找到了一些相关的东西，但没有得到答复:Vscode autocompletion for not imported module

我怎样才能得到 intellisense在这种情况下工作？

Answer 1

我发现这样做的唯一方法是在单个 vue 文件的脚本标记中添加一个 import 语句(在您的情况下，即 Example.vue) 所以，它可能看起来像这样:

<script>
    import axios from 'axios'
    export default {
        methods: {
            myMethod() {
                axios.[post...]
            }
        }
    }
</script>