NG-ALAIN 官网

Angular 项目中使用NG-ALAIN

  1. 需要先安装yarn

yarn 的安装使用

  1. 创建 angular 项目
ng new my-project --style less --routing --package-manager yarn
  1. 添加NG-ALAIN到项目
ng add ng-alain
  1. 运行
yarn start

ng-alain 命令行工具

命令格式

ng g ng-alain:[command name] [name] [options]

示例

#生成 trade 模块
ng g ng-alain:module trade

# trade 模块下生成一个 TradeListComponent List组件
ng g ng-alain:list list -m=trade

# trade 模块下生成一个 TradeEditComponent List组件 及 TradeService 服务类
ng g ng-alain:list list -m=trade --service=root

# 生成指定组件`log`目录下
ng g ng-alain:view view -m=sys -t=log

Module 模块包括

  • empty 空白页
  • list 列表页
  • edit 编辑页
  • view 查看页
  • curd 列表、编辑、查看

问题记录

项目代码出错：

在使用ng new project项目后,注意此时项目已初始化git init,在后续往项目中添加ng add ng-alain后,首次运行yarn start项目正常启动并预览。

后续通过vscode对代码commit后,在此启动yarn start发现项目报错!编译不通过!

截图部分代码出现：

  1. >多余的单书名号；
  2. "部分代码片段中缺失双引号；

项目代码报红

禁用ESLint插件