删除文件名的扩展名并使用正则表达式 vscode 片段将 camelCase 转换为蛇形大小写？

Question

I need to create many files on same structure. The modules exported and filename have some relation. I have to convert. Example input and outputs.

startNewGame.ts => start-new-game
gameOver.ts => game-over
ALongNameForAFile.ts=> a-long-name-for-file
short.ts => short

My current regex is

${TM_FILENAME/([A-Z])/-${1:/downcase}/g}

For now I am only able to remove change capital letter so small and add - . There are two problems

• I am unable to remove .ts
• There is extra - in the start.

Note: I am using this in vscode snippets

Answer 1

You were close on removing the file name extension: use TM_FILENAME_BASE instead. See vscode snippet variables .

"filename change": {
  "prefix": "_co",
  "body": [
    "${TM_FILENAME_BASE/(^[A-Z])|([A-Z])/${2:+-}${2:/downcase}${1:/downcase}/g}",
  ],
  "description": ""
},

Since the leading - only happens when there is a capital letter at the start, I found it easiest to handle that case separately. So the regex is now:

(^[AZ])|([AZ]) // the order is important.

${2:+-} is a conditional, add the - only if there is a capture group 2.

Answer 2

You may use this snippet:

 const arr = ['startNewGame.ts', 'gameOver.ts', 'ALongNameForAFile.ts', 'short.ts']; arr.forEach(s => { console.log( s.replace(/(??^)(,=[AZ])/g. '-').replace(/\,\w+$/. '');toLowerCase() ); });

Here are steps to solve this problem:

• .replace(/(??^)(,=[AZ])/g, '-') : Insert - before uppercase letter
• .replace(/\.\w+$/, '') : Remove extension part
• .toLowerCase() : Lowercase resulting string