尝试使用Angular 2的快速入门指南，在5分钟内开始

2 年 ago
新, 韵
1 minute

我突然决定尝试一下Angular2，于是我去查看了参考网站，发现了一个名为“5 MIN QUICKSTART”的内容，于是我试着在5分钟内尝试了一下引入。

引入

054d67924ab46cc4ff3f695843496d2a.png

从参考页面转到下载页面。在js类型中，有typscript、js和dart可选择，但个人觉得typescript更易用，所以选择了typescript。

cfa884407aaae59775710d329c2b8863.png

按照这个页面上所写的来引入。

git clone  https://github.com/angular/quickstart
cd quickstart
rm -rf .git
npm install

剩下的只需要执行了

npm start

哦，出现了！

2c9ed65214271c89aa5b72d33c25d971.png

这确实已经五分钟了！

ae3e510d4e8d3e93f6e2b6df7d5986de.png

这个app里面有一些组件，结构很简单。
实际上，我们会接触到的是main.ts、app.component.ts和index.html左右吧。

然而，由于只是出现了标题，我感到有些寂寞。既然这样，我打算借此机会，以学习为目的，尝试应用这个基础来制作一个类似todo的应用程序。

实施示例

    • https://github.com/yhikishima/Angular2/tree/master/angular2-js

 

    https://github.com/yhikishima/Angular2/tree/master/angular2-ts-quickstart
bannerAds