Angular 2 快速起步

2019独角兽企业重金招聘Python工程师标准>>>

准备学习angularjs2,安装的过程费了不少时间，刚开始为了方便，从官网上下载了现成的包，但是就运行不起来，后来还是老老实实按教程一步步建文件，ng2详细地址https://angular.cn/docs/ts/latest/quickstart.html
从官网中提取几个主要步骤
首先安装nodejs ,node js里面有自带的npm,也就是安装了node js后也同时安装npm

1、   新建一个angularjs2的文件夹

2、   往项目目录下添加下列包定义与配置文件

    （1） package.json          列出了应用的依赖，并定义了一些有用的脚本
     （2）tsconfig.json           是TypeScript的编译器配置文件
     （3） typings.json           指定TypeScript 定义文件
     （4） systemjs.config.js 是SystemJS的配置文件

3、安装依赖包  打开控制台输入命令npm install

安装的过程中如有有红色的警告没关系，只要确认在npm install 输出的末尾没有npm ERR!消息就行了，安装完之后多了2个文件夹        node_modules  和 typings，

4、在项目的根目录下创建一个app子目录（创建一个名字为app的文件夹）

（1）在app文件中创建组件文件app.component.ts  是应用的根组件习惯上命名AppComponent,它是放用户            界面的容器
         此组件通过它所关联的模板，控制屏幕的一部分
（2） 创建app.module.ts
         我们把Angular应用通过Angular模块组织成一些功能紧密相关的代码块，每个应用都至少需要一个根            模块，习惯上叫AppModule,主要是把component组件的元数据传给NgModule 装饰器函数
  ( 3 )  添加main.ts
  ( 4 )  添加 index.html

5  构建并执行本应用，cmd打开控制台，输入npm start

稍后，一个浏览器页面就会自动打开显示 My First Angular 2 app 

转载于:https://my.oschina.net/u/2612473/blog/741436