angular组件及目录结构

创建组件

在项目文件夹下运行终端,运行命令

ng g component components/news(在src文件夹下的app文件夹下创建一个components文件夹并在其中创建一个名为news的组件)

其中ng g是创建命令,component表示创建的是组件,其后接的是创建的文件夹名和组件名创建完成后在app.module.ts中自动挂载
使用时直接在需要的地方使用标签<app-组件名></app-组件名>即可

目录结构

src 主文件,其中包括:

  • assets 静态资源
  • app 主要组件文件等
  • index.html 页面
  • main.js 项目入口

tsconfig.json项目配置依赖

readme.md说明文件

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容