VSCode Snippet 的多重转换

Question

我已经设置了一些 sn-p 并按照我的意愿工作，但是我很难让一个 sn-p 在我认为需要进行多次转换的地方工作？

基本上我为我的一个组件定义了一个 TypeScript 接口。

即IRadioButtonListProps.ts 位于 Interfaces 文件夹内。 Interfaces 文件夹有一个名为 Theme 的同级文件夹，其中包含一个名为 IRadioButtonListTheme.ts 的接口

在IRadioButtonListProps 内部，我正在尝试删除整个界面。我目前的 sn-p 将接口存根，例如...

import * as React from 'react';
import IRadioButtonListPropsTheme from '../Theme/IRadioButtonListPropsTheme';

export interface IRadioButtonListPropsProps {
    ...props...
}

export default IRadioButtonListPropsProps;

sn-p里面的导入行是...

"import I${TM_FILENAME_BASE/(.*)\\..+$/$1/}Props from './Interfaces/I${TM_FILENAME_BASE/(.*)\\..+$/$1/}Props';"

我试图发生但似乎无法弄清楚的是如何删除“道具”一词。所以我会得到 import import IRadioButtonListTheme... 而不是 import IRadioButtonListPropsTheme...。

同时，我想删除所有扩展名，包括 *.abc.abc（“两个”扩展名）和 *.abc（一个简单扩展名）形式的扩展名。

这可能吗？

Answer 1

不清楚你要做什么，但试试看：

"import ${TM_FILENAME/((\\w*)Props)*?(\\..*)/$2/}Theme from './Interfaces/${TM_FILENAME/((\\w*)Props)*?(\\..*)/$2/}Theme';"

导致：

import IRadioButtonListTheme from './Interfaces/IRadioButtonListTheme';

来自IRadioButtonListProps.ts 和

import CheckboxListTheme from './Interfaces/CheckboxListTheme';

来自CheckboxListProps.test.tsx

[编辑]这是一个我认为也可以使用的更简单的版本：

 "import ${TM_FILENAME/(Props)*?(\\..*)//}Theme from './Interfaces/${TM_FILENAME/(Props)*?(\\..*)//}Theme';"

1. 匹配任何“道具”，如果有的话，替换为空。
2. 从第一个 \ 匹配。到文件名的末尾，替换为空。