Visual Studio Code项目中资产文件夹的路径完成

时间:2019-08-20 19:35:09

标签: angular visual-studio-code

VS Code(我正在使用Insiders 1.38)与路径intellisense完美配合,可用于Typescript文件中的导入,例如 import { SharedModule } from '../shared/shared.module';输入../会立即向我显示shared及其兄弟姐妹。

但是,我试图找到一种方法来使项目中的路径(例如从我的资产文件夹中)智能化,从而使我能够做到

<img src="/assets/images/mobile/touchid.jpg">

当我输入/时,我得到了VS Code项目的根目录:

enter image description here

如果我继续输入正确的根路径/assets/,则会得到:

enter image description here

app-heroheader是我项目中的简单Angular组件。

我尝试了Path AutocompletePath Intellisense扩展名,并得到了相同的结果。

我是否无法获取/assets/assets/的路径建议?

1 个答案:

答案 0 :(得分:0)

Path-Intellisense-您可以使用assets/而不是/assets/来做到这一点,至少我已经知道了。

在您的工作区settings.json中,您可以添加以下自定义映射:

{
    "path-intellisense.mappings": {
        "assets": "${workspaceRoot}/src/assets",
    }
}

然后,当您开始输入assets/时,您将获得目录。

示例:

enter image description here