angular空项目添加ng-alain

ng-alian 官网中推荐使用的方式有两种

第一种

# 确保使用的是最新版本 Angular cli
ng new my-project --style less
cd my-project
ng add ng-alain
# 如果你想创建一个英文版本，则：
ng add ng-alain --defaultLanguage=en
ng serve

ps：angular-cli的升级

# 卸载现有angular-cli
npm uninstall -g angular-cli
# 清空cache
npm cache clean -f
# 升级
npm install -g @angular/cli@latest
# 升级到固定版本号
npm install -g @angular/cli@版本号 

第二种

git clone --depth=1 https://github.com/ng-alain/ng-alain.git my-project
cd my-project
# 安装依赖包
yarn / npm i # 选一个
ng serve

第一种是一个空项目，第二种要自己删很多组件。

第一种使用npm添加时会有很多错误，推荐使用yarn

全局安装yarn

npm install -g yarn

使用angular-cli成一个空项目

# 空项目
ng new ng-alain-demo --style less
cd ng-alain-demo
# 添加ng-alain
yarn add ng-alain
# 启动
ng serve

注意：使用angular-cli生成空项目后，先不要急着添加ng-alain，先把项目文件夹下的node_modules文件夹删掉，否则，后面使用yarn添加ng-alain时，有的modules已存在会有冲突。故可以在创建angular空项目时不进行依赖安装，使用命令 ng new ng-alain-demo --skip-install ，--skip-instal 可简写为 -si 。
如果想像官网一样使用ng add ng-alain命令，需要修改cli的包管理器配置

ng config -g cli.packageManager yarn

PS：上述的操作，一定要在管理员权限下进行，不然会遇到各种坑问题导致操作失败