聚合 schematic 脚手架

包地址： https://www.npmjs.com/package/ng-zhongyingjuhe

 1、 Install Angular ~10.1.3:   （12测试服务器已安装angular@10.1.3）

npm install -g @angular/cli@10 @angular/core10

 

2、创建项目

  ng new project_name --routing=false --style=less

  # Would you like to add Angular routing? No
  # Which stylesheet format would you like to use? Less

  cd project_name

3、使用ng-zhongyingjuhe

$ ng add ng-zhongyingjuhe

Installing packages for tooling via npm.
Installed packages for tooling via npm.
? 请填写项目中文名称， 此名称显示在logo的位置: 测试
? 请填写项目说明: 测试升级
? 请选择站点: zhongyingjuhe.com
? 请填写角色: home
? 是否有二级菜单: Yes
? 是否需要Tab页签和路由复用（默认false，没有二级菜单时请选false）: Yes
? 请选择项目类型: console
? 请填写项目git（不填则默认取项目名称）:
? 请填写项目mapurl（不填则默认取项目名称）:
Currently using translation files: zh-CN.json

 

4、输入基本信息，包括打包需要的信息

 

5、安装完毕后，运行调试 （12测试服务器上使用）

  npm run start:remote

 

6、打开页面， 端口使用 4000 - 5000 随机数。按着 Ctrl键点红框示例。

 

https://www${port}.d12.xxxx.top/#/welcome

 

ng add ng-zhongyingjuhe时，会询问站点，每个站点设置有专有主题。 主题文件在/src/styles/目录下

zhongyingjuhe.com 主题：

 

 

还有一些其它主题，例如 gray.less, festive.less， 特殊时期使用。

index.less为公用主题样式。

项目中用到的全局样式，请写到 /src/styles.less 文件里，以便于日后主题更新。