依照angular2-reddit-base学习Angular2步骤

一定要使用TypeScript吗?

不,但是用起来更简单。

第一步,安装环境

  1. 安装 NodeJS
  2. 安装 TypeScript

npm install -g typescript

  1. 克隆 angular2-reddit-base

git clone https://github.com/antonsbox/angular2-reddit-base.git

  1. 进入目录,然后安装Node模块

cd angular2-reddit-base
npm i

  1. 新建一个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


放弃,教程太老。。。 没办法运行
真是的
。。
还是用官网教程把

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容