angular JS + PrimeNG 初学使用

angular Js 初学习

首先需要下载安装node js, 如果太老版本可以选择更新到最新版本。命令;
npm install -g n, 如果有error 使用 npm install -g n –force. 这样就安装了n模块，专门用来管理node js的版本命令。然后使用n 6.11.2加版本号 或者 n stable.
或者直接官网下载最新版OK。https://nodejs.org/en/
- npm install -g @angular/cli —然后全局安装 Angular CLI
- ng new my-app –新建一个项目
- cd my-app –进入项目路径
- ng serve –open –监听sever 运行项目
https://angular.cn/guide/quickstart 这个快速上手Ng的说明，可以很快学习到如何配置安装使用。

---

然后就是加入前段PrimeNG这个框架
https://www.primefaces.org/primeng/#/setup 从官网可以学习到如何安装和使用。

可以很方便从左边找到的控件如何使用。
快速总结下安装方法： 引文angular 4.0 以上的版本都需要 Animations
- npm install primeng –save 在项目路径下 安装PrimeNG
- npm install @angular/animations –save 安装新特性animations
- nmp install font-awesome –save 装置依赖图标样式

在.angular-cli.json cli文件中添加默认引用样式
"styles": [  "../node_modules/font-awesome/css/font-awesome.min.css",  "../node_modules/primeng/resources/themes/omega/theme.css",
"../node_modules/primeng/resources/primeng.min.css",
  //...
],          

使用PrimeNG控件测试下成功显示。

AngularJS Material 开发学习：npm安装教程
https://material.angular.io/guide/getting-started
# To install latest release and update package.json
npm install –save @angular/material @angular/cdk
在项目根路径下安装类库
安装完会看到package.json下面多了个
“@angular/cdk”: “^5.0.1”,
“@angular/material”: “^5.0.1”,