1.环境搭建

node -v # 查看 Node.js 当前版本

npm -v  # 查看 Npm 当前版本

2.设定淘宝提供 Npm 源镜像

# 设置淘宝源

npm config set registry https://registry.npm.taobao.org

npm config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass

# 恢复默认源

npm config delete registry

npm config delete sass_binary_site

3.全局 Angular Cli,如果不想全局安装，可以使用npx ng XXX命令执行

npm install -g @angular/cli

4.创建一个全新的 Angular 项目

ng new my-project --style less --routing

当提示 Packages installed successfully. 表示创建成功

5.将 NG-ALAIN 添加到 my-project 项目中

ng add ng-alain

如果遇到报错 An unhandled exception occurred: Cannot find module 'jsonc-parser'，请执行下面代码

npm install jsonc-parser

继续执行 ng add ng-alain 然后遇到报错, 如果没有报错就YYYYY到底（加多点，毕竟是练习用的，如果是正式项目，就按需选择）

? Would you like to add i18n plugin? (default: N) Yes

Sorry, the current version only supports angular 11.x, pls downgrade the global Anguar-cli version: [yarn global add @angular/cli@11] (or via npm: [npm install -g @angular/cli@11])

看到上述报错，执行

npm install -g @angular/cli@11

然后又遇到问题，我执行 老版本CLI ng -v 新版本 ng v 看到下面的黄色字体



Your global Angular CLI version (11.2.10) is greater than your local version (9.1.15). The local Angular CLI version is used.

解决：升级当地版本

npm install --save-dev @angular/cli@latest

继续执行 ng add ng-alain OK~~

最新文章

  1. YYModel 源码解读（二）之NSObject+YYModel.h (5)
  2. 我对C#的理解
  3. Task Runner Explorer for vs2015找不到啊
  4. Java高级编程之URL处理
  5. 金山毒霸和Chrome浏览器植入脚本导致网页报错
  6. nginx的负载均衡和反响代理配置
  7. 利用MsChart控件绘制多曲线图表 z
  8. 作业.把c语言输出的基础差不多都概括了！
  9. Unity中的关节
  10. Aliexpress API 授权流程整理
  11. Spark学习笔记3（IDEA编写scala代码并打包上传集群运行）
  12. Beta第二天
  13. AIX7.1环境打补丁缺少bash OPATCHAUTO-72049
  14. 爬坑二 activiti流数据库版本错误引发的问题
  15. JavaScript -- 时光流逝（一）：数据类型，变量，类型转换，函数
  16. Js计算时间差，天数，小时数，余数
  17. python自带的进程池及线程池
  18. Node.js 回调函数 1) 阻塞 ,同步 2) 非阻塞 ,异步.
  19. c#devexpress GridContorl datasource为 类字段的实现方式 非datatable方式以及其他操作总结
  20. Postgres客户端编码问题

热门文章

  1. 2.pygame快速入门-绘制图像
  2. C# 6.0 添加和增强的功能【基础篇】
  3. React动画实现方案之 Framer Motion，让你的页面“自己”动起来
  4. 【YOLOv5】手把手教你使用LabVIEW ONNX Runtime部署 TensorRT加速，实现YOLOv5实时物体识别（含源码）
  5. 部署redis-cluster
  6. 华为开发者大会2022：HMS Core 3D建模服务再升级，万物皆可驱动
  7. jmeter执行报错：java.lang.UnsupportedClassVersionError解决办法
  8. 修改Oracle共享池大小
  9. java学习之springboot
  10. 【题解】CF991C Candies