Angular1.0 (俗称:angular.js)到 Angular4.0(俗称:angular)完全就是重写
安装Node.js、Angular CLI、Webstorm;
1. node安装地址:
点击打开链接
命令行查看你安装的node以及npm版本:
node -v 查看node版本
npm -v 查看npm版本 (NPM是随同NodeJS一起安装的包管理工具)
2. Angular CLI安装:
因为angular-cli是用typescript写的,所以要先装这两个:npm install -g typescript typings
再安装angular-cli: npm install -g @angular/cli@latest (卸载:npm uninstall -g angular-cli 、npm cache clean )
安装慢可以通过设置淘宝镜像,这样下载东西就是从国内网站下载了:npm configset registry https://registry.npm.taobao.org
查看成功安装版本:ng --version
失败原因及解决办法:缺少Python环境
Python下载地址:点击打开链接
3.Webstorm 开发工具安装地址:
点击打开链接
以上都安装好我们就可以开始创建工程了:
1. 创建工程: ng new 工程名
成功创建如下图:
然后会自动帮你创建所有的依赖,搭建成一个简单的模板,如下图:
2. 我们可以用命令行进入到我们刚创建的工程目录下运行:ng serve 启动服务(默认是开启localhost:4200端口的服务)
浏览器地址栏输入:localhost:4200就可以访问,如下图:
成功启动服务:
浏览器访问效果:
3. 发布项目时可以使用命令打包: ng build --prod --aot
最后附上学习之路:
TypeScript基本语法
https://zhongsp.gitbooks.io/typescript-handbook/content/doc/handbook/tutorials/index.html
angular4基本概念,组件,路由,模块,指令,表单,依赖注入,provider,模版表达式等
https://angular.cn/docs/ts/latest/
https://angular.io/docs/ts/latest/guide/
Material
一些知识点:
angular2基本
组件间通讯
http://blog.csdn.net/qq_15096707/article/details/52859110
HostListener, HostBinding
https://segmentfault.com/a/1190000008878888
Observable、迭代器
https://segmentfault.com/a/1190000008809168
Router