/angular4-secoo

一个angular4全家桶入门Demo ！

Primary LanguageTypeScript

angular4-secoo

这是基于angular4全家桶入门Demo！

线上访问地址

http://www.ingrace.cn/examples/9/dist/#/index

手机扫码访问

Markdown

部分截图

Markdown

项目地址：（git clone）

git clone https://github.com/Awheat/angular4-secoo.git

安装

npm install

运行


一.进入server目录,启动node服务(本地模拟数据接口):

node app.js

二.项目根目录启动项目:

npm start

浏览器输入:(http://localhost:3000)即可看到效果

发布

npm run build

技术栈

在此DEMO中使用了一下知识点

  • angular-cli
  • Angular4
  • typescript
  • webpack2
  • es6
  • lazysizes

总结与收获

  • 对typescript有一个基础的认识和了解
  • 学习到了Angular4的组件Component**
  • 学习到了Angular4的组件Module**,模块的划分可以根据自己的需求,粒度可以划分非常小
  • 学习到了Angular4的Router,以及路由懒加载模块
  • 学习到了Service, Pipe , Http 等。
  • 学习到了图片资源的按需加载
  • 打包后发布需要修改index.html下面的base路径
  • 接口请求的封装,以及回调的统一处理

感谢

感谢您的来访 ，如果对于您有帮助 ，就使劲的给个Star吧 ！ ^_^