Angular 2 快速起步

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

一、   新建一个angularjs2的文件夹

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

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

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

安装的过程当中若有有红色的警告不要紧,只要确认在npm install 输出的末尾没有npm ERR!消息就好了,安装完以后多了2个文件夹        node_modules  和 typings,angularjs

四、在项目的根目录下建立一个app子目录(建立一个名字为app的文件夹)

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

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

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

相关文章
相关标签/搜索