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