"Visual Studio Code 和 Angular：如何重命名文件夹和组件类？"

Question

I am using Visual Studio Code<\/strong> for my huge Angular-4<\/strong> 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.

my-component-name\
my-component-name\my-component-name.component.cs
my-component-name\my-component-name.component.html
my-component-name\my-component-name.component.css
export class MyComponent

Answer 1

As per my experience with VSCode, the only way is to reach out to the master Project folder and rename the files/ folders as per your requirement manually while the IDE is closed. Refresh the folder and CTRL+O the folder thereafter from VSCode. This has worked for me.

Answer 2

Now there is a way to rename Angular Component classes and folders in one step from VS Code.