How to change TM_FILENAME_BASE when creating snippets in vs code?

Question

I have a file named "Card.styled.js"

I want to create a snippet to write easier the styled component:

"styled": {
  "prefix": "styled",
  "body": [
    "import styled from \"styled-components\"",
    "",
    "export const ${1:${TM_FILENAME_BASE}} = styled.$2`",
    "",
    "${3}",
    "`"
  ]
}

But ${1:${TM_FILENAME_BASE}} is returning me Card.styled.

I want to return only Card in this case.

Mark · Accepted Answer · 2022-05-05 15:04:08Z

2

Card.styled is the correct TM_FILENAME_BASE of Card.styled.js. You will have to modify it further.

You want something like this:

  "styled": {
    "prefix": "styled",
    "body": [
      "import styled from \"styled-components\"",
      "",
      "export const ${1:${TM_FILENAME_BASE/(.*?)\\..*/$1/}} = styled.$2`",
      "",
      "${3}",
      "`"
    ]  
  }

(.*?)\\..* get everything before the first . into capture group 1

Match the entire filename_base and replace it with only capture group 1 .

edited May 5, 2022 at 15:04

answered May 5, 2022 at 14:57

Mark

191k32 gold badges556 silver badges579 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to change TM_FILENAME_BASE when creating snippets in vs code?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related