vscode自动加前缀_解决vscode插件path-autocomplete有多个相同前缀别名路径下无法正常使用...

背景

前几天在搞一个前端的新项目, 使用到webpack中的一个alias(别名)可以避免引用路径的混乱, 但是vscode无法很好地支持别名的路径提示

其中介绍使用了一个path-autocomplete的插件, 简单介绍就是可以设置好别名对应的实际路径, 然后再推断路径提示的时候将别名替换为设置好的路径.

// src\features\PathAutocompleteProvider.ts

// configuration.data.pathMappings 即为一个 key为别名, value为真实路径的对象

Object.keys(configuration.data.pathMappings || {})

.map((key) => {

var candidatePaths = configuration.data.pathMappings[key];

if (typeof candidatePaths == 'string') {

candidatePaths = [candidatePaths];

}

return candidatePaths.map(candidatePath => {

if (workspaceRootPath) {

candidatePath = candidatePath.replace('${workspace}', workspaceRootPath);

}

if (workspaceFolderPath) {

candidatePath = candidatePath.replace('${folder}', workspaceFolderPath);

<