使用Astro + Angular使ng cli可用

2 年 ago
清, 扬
1 minute

首先

由于@analogjs/astro-angular的初始状态没有安装ng cli，所以我进行了设置，让它能够使用。

程序

我们会让Astro能够使用Angular。

 

2. 安装ng cli（命令行界面）。

npm i -D @angular/cli

创建 angular.json 文件。

创建angular.json文件，并使用ng cli欺骗。

一起生成组件时，还要设置语义选项。

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "components": {
      "projectType": "application",
      "schematics": {},
      "root": "",
      "sourceRoot": "src",
      "prefix": "",
      "architect": {}
    }
  },
  "schematics": {
    "@schematics/angular:component": {
      "path": "src/components",
      "standalone": true
    }
  }
}

选项说明

“path”: “src/components”

路径”: “src/components”

“standalone”: true

生成独立的组件形式。

尝试使用

我现在已经能够像平常一样生成组件了。

% npx ng g c HelloWorld
CREATE src/components/hello-world/hello-world.component.css (0 bytes)
CREATE src/components/hello-world/hello-world.component.html (26 bytes)
CREATE src/components/hello-world/hello-world.component.spec.ts (623 bytes)
CREATE src/components/hello-world/hello-world.component.ts (312 bytes)

项目的输出

我把做好的东西放了这里。

 

bannerAds