Visual Studio Code and Angular: how do I rename folders and component class?
I am using Visual Studio Code for my huge Angular-4 project.
From time to time I copy components entirely and then modify them.
Components are organized in folders so i end up renaming multiple files and class names.
Is there an extension that does this all at once?
my-component-name
my-component-namemy-component-name.component.cs
my-component-namemy-component-name.component.html
my-component-namemy-component-name.component.css
export class MyComponent
Would be handy to just give a new name and renaming would be done everywhere.
Thanks
angular visual-studio-code
|
show 1 more comment
I am using Visual Studio Code for my huge Angular-4 project.
From time to time I copy components entirely and then modify them.
Components are organized in folders so i end up renaming multiple files and class names.
Is there an extension that does this all at once?
my-component-name
my-component-namemy-component-name.component.cs
my-component-namemy-component-name.component.html
my-component-namemy-component-name.component.css
export class MyComponent
Would be handy to just give a new name and renaming would be done everywhere.
Thanks
angular visual-studio-code
johnpapa.net/refactoring-with-visual-studio-code
– Sachila Ranawaka
Oct 19 '17 at 9:58
Thanks! I know john papa's refactoring with VS Code, but I do not see how to rename a component and all folders get renamed with it. Could you elaborate?
– PeterFromCologne
Oct 19 '17 at 10:00
2
You can try Move To
– Thaadikkaaran
Oct 19 '17 at 10:46
@Flaugzig, you cant rename files with VS Code's search option.
– Thaadikkaaran
Oct 19 '17 at 10:55
You're right. my bad :)
– Flaugzig
Oct 19 '17 at 10:57
|
show 1 more comment
I am using Visual Studio Code for my huge Angular-4 project.
From time to time I copy components entirely and then modify them.
Components are organized in folders so i end up renaming multiple files and class names.
Is there an extension that does this all at once?
my-component-name
my-component-namemy-component-name.component.cs
my-component-namemy-component-name.component.html
my-component-namemy-component-name.component.css
export class MyComponent
Would be handy to just give a new name and renaming would be done everywhere.
Thanks
angular visual-studio-code
I am using Visual Studio Code for my huge Angular-4 project.
From time to time I copy components entirely and then modify them.
Components are organized in folders so i end up renaming multiple files and class names.
Is there an extension that does this all at once?
my-component-name
my-component-namemy-component-name.component.cs
my-component-namemy-component-name.component.html
my-component-namemy-component-name.component.css
export class MyComponent
Would be handy to just give a new name and renaming would be done everywhere.
Thanks
angular visual-studio-code
angular visual-studio-code
edited Dec 30 '18 at 11:53
Gama11
11.4k32247
11.4k32247
asked Oct 19 '17 at 9:56
PeterFromColognePeterFromCologne
6,56882939
6,56882939
johnpapa.net/refactoring-with-visual-studio-code
– Sachila Ranawaka
Oct 19 '17 at 9:58
Thanks! I know john papa's refactoring with VS Code, but I do not see how to rename a component and all folders get renamed with it. Could you elaborate?
– PeterFromCologne
Oct 19 '17 at 10:00
2
You can try Move To
– Thaadikkaaran
Oct 19 '17 at 10:46
@Flaugzig, you cant rename files with VS Code's search option.
– Thaadikkaaran
Oct 19 '17 at 10:55
You're right. my bad :)
– Flaugzig
Oct 19 '17 at 10:57
|
show 1 more comment
johnpapa.net/refactoring-with-visual-studio-code
– Sachila Ranawaka
Oct 19 '17 at 9:58
Thanks! I know john papa's refactoring with VS Code, but I do not see how to rename a component and all folders get renamed with it. Could you elaborate?
– PeterFromCologne
Oct 19 '17 at 10:00
2
You can try Move To
– Thaadikkaaran
Oct 19 '17 at 10:46
@Flaugzig, you cant rename files with VS Code's search option.
– Thaadikkaaran
Oct 19 '17 at 10:55
You're right. my bad :)
– Flaugzig
Oct 19 '17 at 10:57
johnpapa.net/refactoring-with-visual-studio-code
– Sachila Ranawaka
Oct 19 '17 at 9:58
johnpapa.net/refactoring-with-visual-studio-code
– Sachila Ranawaka
Oct 19 '17 at 9:58
Thanks! I know john papa's refactoring with VS Code, but I do not see how to rename a component and all folders get renamed with it. Could you elaborate?
– PeterFromCologne
Oct 19 '17 at 10:00
Thanks! I know john papa's refactoring with VS Code, but I do not see how to rename a component and all folders get renamed with it. Could you elaborate?
– PeterFromCologne
Oct 19 '17 at 10:00
2
2
You can try Move To
– Thaadikkaaran
Oct 19 '17 at 10:46
You can try Move To
– Thaadikkaaran
Oct 19 '17 at 10:46
@Flaugzig, you cant rename files with VS Code's search option.
– Thaadikkaaran
Oct 19 '17 at 10:55
@Flaugzig, you cant rename files with VS Code's search option.
– Thaadikkaaran
Oct 19 '17 at 10:55
You're right. my bad :)
– Flaugzig
Oct 19 '17 at 10:57
You're right. my bad :)
– Flaugzig
Oct 19 '17 at 10:57
|
show 1 more comment
1 Answer
1
active
oldest
votes
You can follow the TypeScript thread here: https://github.com/Microsoft/TypeScript/issues/6487
But it doesn't look like this will be supported from the Microsoft package, you can as mentioned by @Thaadikkaaran combine efforts with the Move-ts extension
add a comment |
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%2f46827277%2fvisual-studio-code-and-angular-how-do-i-rename-folders-and-component-class%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
You can follow the TypeScript thread here: https://github.com/Microsoft/TypeScript/issues/6487
But it doesn't look like this will be supported from the Microsoft package, you can as mentioned by @Thaadikkaaran combine efforts with the Move-ts extension
add a comment |
You can follow the TypeScript thread here: https://github.com/Microsoft/TypeScript/issues/6487
But it doesn't look like this will be supported from the Microsoft package, you can as mentioned by @Thaadikkaaran combine efforts with the Move-ts extension
add a comment |
You can follow the TypeScript thread here: https://github.com/Microsoft/TypeScript/issues/6487
But it doesn't look like this will be supported from the Microsoft package, you can as mentioned by @Thaadikkaaran combine efforts with the Move-ts extension
You can follow the TypeScript thread here: https://github.com/Microsoft/TypeScript/issues/6487
But it doesn't look like this will be supported from the Microsoft package, you can as mentioned by @Thaadikkaaran combine efforts with the Move-ts extension
answered Mar 21 '18 at 15:16
Sam TsaiSam Tsai
339211
339211
add a comment |
add a comment |
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%2f46827277%2fvisual-studio-code-and-angular-how-do-i-rename-folders-and-component-class%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
johnpapa.net/refactoring-with-visual-studio-code
– Sachila Ranawaka
Oct 19 '17 at 9:58
Thanks! I know john papa's refactoring with VS Code, but I do not see how to rename a component and all folders get renamed with it. Could you elaborate?
– PeterFromCologne
Oct 19 '17 at 10:00
2
You can try Move To
– Thaadikkaaran
Oct 19 '17 at 10:46
@Flaugzig, you cant rename files with VS Code's search option.
– Thaadikkaaran
Oct 19 '17 at 10:55
You're right. my bad :)
– Flaugzig
Oct 19 '17 at 10:57