准备学习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({});