angularjs2.0之初体验

搭建本地开发环境

<p></p>
确保你已安装<a href='https://angular.io/docs/ts/latest/guide/setup.html#!#install-node'>node npm</a>

  1. 创建工程文件(工程文件可以命名为 quickstart
  2. <a href=''>clone</a> or <a href=''>download</a> 项目到你的工程文件
  3. 在工程文件下运行 npm install
  4. 运行 npm start 启动你项目

clone

<pre>
git clone https://github.com/angular/quickstart.git quickstart
cd quickstart
npm install
npm start
</pre>

download

<a href='https://github.com/angular/quickstart/archive/master.zip'>下载项目源文件</a>,解压的你的工程文件中(quickstart
<pre>
cd quickstart
npm install
npm start
</pre>
<br />

项目源文件结构简析

这个源文件为你以后项目工程的创建提供了一个坚实的基础,项目里有许多文件,现在先不用仔细去了解,以后用到的时候一个个去研究。

首先来看一下这三个必不可少的typescript文件

app.component.ts

应用程序的根组件,在应用的不断开发中,将会嵌套其他的组件,最终构建的成一个树形的结构。

app.module.ts

定义项目模块,这个根模块告诉angular如何收集众多的组件,所有用到的组件都在这里声明。

main.ts

利用JiT编译器编译应用,使其可以在浏览器上运行。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,866评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,288评论 19 139
  • 自己不是一个优秀的人,但内心希望自己成为一个优秀的人,这应该是很多人的心声,但这种心声撞上重度患者…… “椭圆”患...
    习惯的无奈阅读 707评论 0 0
  • 在中学与大学上马克思政治经济学课程的时候,一直就有疑问,关于剩余价值,关于价值形成,关于价格形成。这两天,在万维刚...
    张永胜_永往直前阅读 206评论 0 1
  • 今日晨读无非用了三大部分不同的内容,讲了以一个听了几万遍的大道理——成为精进者,学习时要多练习,要记事,要保持无知...
    dhrbdjkal阅读 677评论 4 7