ng-book 2 r60 (Angular 4) 简介

ng-book-2 专栏收录该内容
8 篇文章 0 订阅

Based on ng-book 2 r60 version, personal notes
基于 Angular 权威教程 r60版本 , 个人笔记

Angular CLI

不是必须,只是一个快速构建工具
not a requirement, simply a wrapper around Webpack.
install
npm install -g @angular/cli
usage
ng -help

start a new project

ng new XX
cd xx
ng service

默认端口

http://localhost:4200/
configure host
ng serve --host 0.0.0.0 --port 4201

新建组件

ng generate or ng g

ScaffoldUsage
Componentng g component my-new-component
Directiveng g directive my-new-directive
Pipeng g pipe my-new-pipe
Serviceng g service my-new-service
Classng g class my-new-class
Guardng g guard my-new-guard
Interfaceng g interface my-new-interface
Enumng g enum my-new-enum
Moduleng g module my-module

angular-cli will add reference to components, directives and pipes automatically in the app.module.ts. If you need to add this references to another custom module, follow this steps:

  1. ng g module new-module to create a new module
  2. call ng g component new-module/new-component

This should add the new component, directive or pipe reference to the new-module you’ve created.

更新

同时需要global and local
Global package:

npm uninstall -g @angular/cli
npm cache clean
npm install -g @angular/cli@latest

Local project package:

rm -rf node_modules dist # use rmdir /S/Q node_modules dist in Windows Command Prompt; use rm -r -fo node_modules,dist in Windows PowerShell
npm install --save-dev @angular/cli@latest
npm install

Angular版本

最早是叫AngularJS, 官方声明中,AngularJS指的是Angjular 1.x 版本。 后面的版本 Angular用了TypeScript替代JavaScript, 后缀JS去掉了,也被称为 Angular 2。
在2017年,Anjular团队用语义版本名称,也就是不再叫做Anjular X, 而只是Anjular。 没有数字。目前(2017)最新版本俗称Angjular 4。
Anjular 的JS版本也就是1.x版本,被指定为AnjularJS。后续版本目前(2017)就叫做Anjular。两个版本是两个不同的项目。

Overall

本书可以分为几个部分:
基础部分,创建第一个app, 使用内置组件并且学会创建组件。
中间部分,使用表格,APIs, 路由, 和依赖注入(Dependency Injection)
进阶部分,数据结构,管理client和server的state,两种方法:RxJS Observables 和Redux。
最终部分,学习写出复杂的组件,写出tests,如何从Anjular 1.x 升级到Anjular 4.0+,学习使用NativeScript写出原生移动apps
本书目的:学习如何打造一个实战Anjular项目,节省了在不同博客,教程之间查阅时间。

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值