Question

编写JavaScript应用程序时，可以创建一个

.env

根目录中的

文件仅包含例如：

NODE_PATH=src/

其中设置允许使用绝对路径，例如：在代码中的import语句中。

例如：我可以处理文件： /src/actions/index.js 然后输入：

import { SAVE_COMMENT } from "actions/types";

..并且导入有效，但是没有自动完成功能，我想知道：仅输入以下内容即可自动完成功能吗：

import { SAVE_COMMENT } from "actions/

？

相对路径查找继续有效。实际上，相对路径查找是vs代码我最喜欢的功能之一，也是我使用它的原因之一，因此在配置绝对路径时也可以很好地工作。

Answer 1

VS Code不支持将NODE_PATH用于智能感知。要实现所需的目标，请在项目的根目录中创建一个jsconfig.json文件，其内容如下：

{
    "compilerOptions": {
        "target": "ES6",
        "baseUrl": "./src"
    },
    "exclude": [
        "node_modules",
        "**/node_modules/*"
    ]
}

重要的设置是baseUrl。它告诉VS Code解析相对于./src文件夹的非相对路径

配置jsconfig和baseUrl之后，您还可以在VS Code中设置"javascript.preferences.importModuleSpecifier": "non-relative"，以指定VS Code应该始终尝试使用路径来使用baseUrl

Answer 2

Here是VS Code中 Vue.js 和 Nuxt.js 项目配置的不错指南

Answer 3

这是对我有用的解决方案

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "core/*": ["./src/*"],
    }
  }
}

我正在使用 webpack 和绝对路径

绝对路径是否可以在Visual Studio代码（VSCode）中自动完成？

3 个答案: