一定要使用TypeScript吗?
不,但是用起来更简单。
第一步,安装环境
- 安装 NodeJS
- 安装 TypeScript
npm install -g typescript
- 克隆 angular2-reddit-base
git clone https://github.com/antonsbox/angular2-reddit-base.git
- 进入目录,然后安装Node模块
cd angular2-reddit-base
npm i
- 新建一个index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>来一发?</title>
<script src="node_modules/es6-shim/es6-shim.js"></script>
<script src="node_modules/zone.js/dist/zone.js"></script>
<script src="node_modules/reflect-metadata/Reflect.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
</head>
<body>
<script src="resources/systemjs.config.js"></script>
<script>
System.import('app.js')
.then(null, console.error.bind(console));
</script>
<ni-hao></ni-hao>
</body>
</html>
目录结构
|-- index.html // 首页文件
|-- resources/ // 图片资源
|-- styles.css // 全局样式
认识app.ts
import { bootstrap } from "@angular/platform-browser-dynamic";
import { Component } from "@angular/core";
// 组件
@Component({
selector: 'div-title',
template:<h1>你好</h1>
})
// 类
class NiHao { }
// 渲染启动
bootstrap(NiHao);
在index.html中引入app.ts
放弃,教程太老。。。 没办法运行
真是的
。。
还是用官网教程把
网友评论