angular-app

说明

熟悉java的童鞋基本可以对angular进行无缝连接开发,因为angular项目很多东西都能在java上找到他的影子。 花个把钟头稍微熟悉一下本项目中的resume代码就可以快速上手了。没接触过java的童鞋可以稍微去熟悉一下es6+的语法以及 ts的用法。

下载源码

• git下载(需本地安装好git)

git clone https://github.com/LancelotSaki/angular-app

• zip下载

找到项目源码右上角的Clone or download 绿色图标，里面含有zip下载的按钮直接下载即可

安装angular脚手架

需要先全局安装node.js和npm

npm install -g @angular/cli

添加项目依赖

相当于用maven或gradle添加java项目中的第三方jar

进入项目根目录执行(请务必确保上边的@angular/cli脚手架安装成功)

npm install

启动项目

• 启动方式1

ng serve --open

如果不想使用默认的localhost其他，可以指定host启动

ng serve --host 127.0.0.1 --open

• 启动方式2(推荐)

使用WebStorm编辑器(略)

---

Let's go！！！

• 添加组件

ng g c xxx组件名称

插件学习

插件名称	参考地址
angular路由	学习地址
蚂蚁金服angularUI库	antd-angular
material2 UI库	angular-material

---

附言

另外附上我的其他项目链接

• vue.js project

  • vue html

• reactJs project

  • react html