Question 135488 in Visual Studio Code Question posted in
View the official documentation.

Visual Studio Code – Snippet that depend on the selection

I’m looking for a tool that could help me to do the following operation:

Given that code:

const before = (arg1: string, arg2: string) => null;

I would like to have the following result:

const after = ({ arg1, arg2 }: { arg1: string; arg2: string }) => null;

Is it possible to do that with a snippet ? (for exemple, i select my args and it directly transform them)

Tags:

2

Answers


  1. 0

    Define the following Typescript snippet

      "Convert Arguments": {
    "prefix": "conarg",
    "body": [
      "{ ${TM_SELECTED_TEXT/(\w+):[^,]*(,\s*)?/$1$2/g} }: { ${TM_SELECTED_TEXT/,/;/g}}"
    ],
    "description": "Convert Arguments"
  }
    • select the arguments between ()
    • type conarg and select the snippet
    Login or Signup to reply.
  2. 0

    As I generally need to execute a considerably big list of changes, I tend to use Tasks (Ctrl+Shift+P/Run Task/[task name])
    https://code.visualstudio.com/docs/editor/tasks

            {
            "label": "vueconv",
            "type": "shell",
            "command": "tsx scripts/vueconv ${file}",
            "problemMatcher": [],
            "presentation": {
                "echo": true,
                "reveal": "always",
                "focus": true,
                "panel": "shared",
                "showReuseMessage": false,
                "clear": true
            }
        },

    My scripts read the file, make fixes (mostly with string.replace(/regex/g, callback)), and overwrite the file
    I only use ${file}, but if you can also add line number or selection as script arguments
    https://code.visualstudio.com/docs/editor/variables-reference

    self-made somple replacer library

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search