如何获取ABP框架Angular版个人设置组件的自动生成文件？

• 从npm包提取源码
  ABP的Angular账户组件都封装在@abp/ng.account包中，你可以直接在项目的node_modules/@abp/ng.account目录里查找：

  • 进入src或fesm2020子目录（不同版本结构略有差异），搜索personal-settings相关的.component.ts和.component.html文件，就能找到原组件的代码。

• 通过ABP CLI生成临时项目获取
  用ABP CLI创建一个带账户模块的临时项目，自动生成完整的个人设置组件代码：

  abp new TempProject --ui angular --modules account
  

  生成后在临时项目的src/app/account目录下就能拿到原组件的完整文件，复制需要的部分到你的现有项目即可。

• 通过浏览器开发者工具参考HTML结构
  若仅需参考原组件的HTML布局，打开浏览器开发者工具，定位到个人设置页面的DOM元素，查看其结构后，在你的自定义组件中复用并添加新字段。

内容的提问来源于stack exchange，提问作者Jesus