angular2.x 4.x使用

推荐大漠的Angular2优质学习资源收集

angular2 和 angular4 老手都懂得区别，不多说

各种问题。。。

安装angular-cli

使用npm安装angular-cli

以前这样npm install -g angular-cli

现在这么安装

npm install -g @angular/cli

然后就安装好了？(⊙﹏⊙)b 这是不可能的。。。因为GFW的原因会安装失败

安装过程中有个node-sass包会下载失败

不要使用cnpm安装，不要问我为什么

如果你能访问github.com，就设置国内的淘宝npm镜像

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

不能访问github，设置代理服务器

代理地址http://127.0.0.1:1080，这个你懂得。。。

还要把镜像设置回来

npm config set proxy=http://127.0.0.1:1080
npm config set registry=http://registry.npmjs.org

基本使用

创建一个项目

ng new ngtest

然后进入到这个目录

浏览项目

# ng serve 可以简写成下面的方式
ng s

浏览器访问 http://localhost:4200

使用生成模式和预编译模式，这样会压缩项目

ng serve --prod --aot

生成项目

# 两个都行
ng b
ng build

会在目录下面生成一个dist的文件夹

使用生成模式和预编译模式，这样会压缩项目

# 两个都行
ng b --prod --aot
ng build --prod --aot

UI组件库

ng2-bootstrap https://github.com/valor-software/ng2-bootstrap/ bootstrap不解释

改成 ngx-bootstrap 了 https://github.com/valor-software/ngx-bootstrap

PrimeFaces http://www.primefaces.org/ 没用过

Angular Material https://material.angular.io/ google官方android风格

Ionic http://ionicframework.com/ 主要用于手机端

转载于:https://my.oschina.net/summerdays/blog/835527