Angular 2 快速起步 原

2019-04-04 16:39:23 浏览数 (1)

准备学习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 

(adsbygoogle = window.adsbygoogle || []).push({});

0 人点赞