如何在 Visual Code 中将文件夹标记为资源根目录？答案

【问题标题】：How to mark folder as resource root in Visual Code?如何在 Visual Code 中将文件夹标记为资源根目录？
【发布时间】：2018-07-25 06:35:31
【问题描述】：

在 PhpStorm 中我可以设置目录标记：

想知道我是否可以在 VSCode 中找到这样做的设置。

【问题讨论】：

标签： visual-studio-code phpstorm

【解决方案1】：

自发布以来已经一年了，但我遇到了这个确切的问题。它没有 UI，但你可以使用 jsconfig.json 解决它

{
  "compilerOptions": {
    "baseUrl": "./src",
    "paths": {
      "assets/*": [
        "./assets/*" // <-- relative to baseURL, so it will resolve to ./src/assets/*
      ]
    }
  }
}

使用此配置，您现在可以执行此操作：import foo from 'assets/file.png 你显然需要配置 webpack、browisfy 或其他任何东西来理解这条路径

【讨论】：

【解决方案2】：

我认为这在普通的 VS Code 中是不可能的，但由于 vs-codeicons 之类的扩展名正在改变文件和文件夹的外观，这可能是可能的，可能有一个扩展名可以做你想做的事。

你只需要做一些研究来弄清楚。

【讨论】：

图标没问题。我为我的 VS Code 使用了 Material Icon Theme 扩展名。我想Configuring Folders Within a Content Root 就像 PhpStorm 一样。