Mixing
VSCode snippet: add multiple objects to JS constructor
I am trying to create a simple snippet that allows me to create JS Constructors. So far, what I have is
"class constructor": {
"prefix": "class",
"body": [
"class ${1:ClassName} {",
"ttconstructor({${2:thisName}: ${2}}) {",
"tttthis.${2} = ${2}",
"t}",
"}"
],
"description": "class constructor template"
},
This works as expected, but what I am trying to see if it is possible to add multiple entries which also creates a new line for this, but in this case, the snippet runs is course once i fill in the details for $2{thisName}. What I am hoping for is the ability to add multiple key value pairs.
So instead of it ending at:
class ClassName {
constructor({ thisName: thisName}) {
this. thisName = thisName
}
}
I would like to be able to add other items so that it looks like; where a new line for this.another = another is created automatically.
class ClassName {
constructor({ thisName: thisName, another: another}) {
this. thisName = thisName
this.another = another // this is create
}
}
The ${3}.. doesnt work here because there could be n amount of items.
visual-studio-code vscode-extensions
asked Jan 1 at 19:17
securisecsecurisec
176113
add a comment |
I am trying to create a simple snippet that allows me to create JS Constructors. So far, what I have is
"class constructor": {
"prefix": "class",
"body": [
"class ${1:ClassName} {",
"ttconstructor({${2:thisName}: ${2}}) {",
"tttthis.${2} = ${2}",
"t}",
"}"
],
"description": "class constructor template"
},
This works as expected, but what I am trying to see if it is possible to add multiple entries which also creates a new line for this, but in this case, the snippet runs is course once i fill in the details for $2{thisName}. What I am hoping for is the ability to add multiple key value pairs.
So instead of it ending at:
class ClassName {
constructor({ thisName: thisName}) {
this. thisName = thisName
}
}
I would like to be able to add other items so that it looks like; where a new line for this.another = another is created automatically.
class ClassName {
constructor({ thisName: thisName, another: another}) {
this. thisName = thisName
this.another = another // this is create
}
}
The ${3}.. doesnt work here because there could be n amount of items.
visual-studio-code vscode-extensions
asked Jan 1 at 19:17
securisecsecurisec
176113
add a comment |
I am trying to create a simple snippet that allows me to create JS Constructors. So far, what I have is
"class constructor": {
"prefix": "class",
"body": [
"class ${1:ClassName} {",
"ttconstructor({${2:thisName}: ${2}}) {",
"tttthis.${2} = ${2}",
"t}",
"}"
],
"description": "class constructor template"
},
This works as expected, but what I am trying to see if it is possible to add multiple entries which also creates a new line for this, but in this case, the snippet runs is course once i fill in the details for $2{thisName}. What I am hoping for is the ability to add multiple key value pairs.
So instead of it ending at:
class ClassName {
constructor({ thisName: thisName}) {
this. thisName = thisName
}
}
I would like to be able to add other items so that it looks like; where a new line for this.another = another is created automatically.
class ClassName {
constructor({ thisName: thisName, another: another}) {
this. thisName = thisName
this.another = another // this is create
}
}
The ${3}.. doesnt work here because there could be n amount of items.
visual-studio-code vscode-extensions
asked Jan 1 at 19:17
securisecsecurisec
176113
I am trying to create a simple snippet that allows me to create JS Constructors. So far, what I have is
"class constructor": {
"prefix": "class",
"body": [
"class ${1:ClassName} {",
"ttconstructor({${2:thisName}: ${2}}) {",
"tttthis.${2} = ${2}",
"t}",
"}"
],
"description": "class constructor template"
},
This works as expected, but what I am trying to see if it is possible to add multiple entries which also creates a new line for this, but in this case, the snippet runs is course once i fill in the details for $2{thisName}. What I am hoping for is the ability to add multiple key value pairs.
So instead of it ending at:
class ClassName {
constructor({ thisName: thisName}) {
this. thisName = thisName
}
}
I would like to be able to add other items so that it looks like; where a new line for this.another = another is created automatically.
class ClassName {
constructor({ thisName: thisName, another: another}) {
this. thisName = thisName
this.another = another // this is create
}
}
The ${3}.. doesnt work here because there could be n amount of items.
visual-studio-code vscode-extensions
visual-studio-code vscode-extensions
asked Jan 1 at 19:17
securisecsecurisec
176113
asked Jan 1 at 19:17
securisecsecurisec
176113
asked Jan 1 at 19:17
securisecsecurisec
176113
asked Jan 1 at 19:17
securisecsecurisec
176113
asked Jan 1 at 19:17
securisecsecurisec
176113
176113
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53998252%2fvscode-snippet-add-multiple-objects-to-js-constructor%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53998252%2fvscode-snippet-add-multiple-objects-to-js-constructor%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
