Criando componentes com o Angular schematics

Dentro do kit de ferramentas do desenvolvedor, a IBM fornece esquemas Angulares para gerar rapidamente componentes com código de início que podem ser usados em aplicativos. Os componentes incluem páginas de procura, tabelas e detalhes do campo

Use o schematics para gerar componentes com o mesmo design e funções como componentes existentes no Order Hub. Os componentes gerados também incluem as bibliotecas necessárias para se comunicar com vários serviços, como:
  • O backend do sistema de Sterling™ Order Management.
  • Locatários do Sterling Intelligent Promising Inventory Visibility .
  • Outros locatários de microsserviço..
  • As bibliotecas da IU do Carbon que são usadas em páginas existentes
Para obter informações sobre como usar o schematics para criar novos aplicativos, consulte Criando novos aplicativos..

Antes de iniciar

  1. Certifique-se de ter extraído o código Order Hub . Para obter mais informações, consulte Introdução à customização do Order Hub.
  2. Execute o comando a seguir para configurar strict-ssl como false
    npm config set "strict-ssl" false
  3. Execute um dos comandos a seguir para reinstalar a versão mais recente de @buc/schematics e acessar os esquemas fornecidos pelo site IBM. Para o Angular v18, execute o seguinte comando.
    npm uninstall -g @buc/schematics
    npm install -g ./lib/buc/schematics/schematics-v4latest.tgz
    Para Angular v20, execute o seguinte comando.
    npm uninstall -g @buc/schematics
    npm install -g ./lib/buc/schematics/schematics-v5latest.tgz
  4. Para obter ajuda com um script esquemático, execute
    ng g @buc/schematics:<component> --help
  5. Crie uma das seguintes experiências ou componentes.
    • Crie uma experiência de pesquisa orientada por configurações
    • Criar componentes da página de pesquisa
    • Criar componentes de resultados de pesquisa
    • Criar componentes da tabela
    • Criar componentes de campo