前言
之前已经给大家介绍了,本文将详细介绍利用VS Code如何开发AngularJS2应用程序的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。
运行环境:
1、Windows 10
2、Node 6.7.0
3、npm 3.10.8
4、TypeScript 2.0.3
创建项目
1、创建文件夹:angular2-quickstart,启动VS Code,打开刚创建的文件夹:angular2-quickstart。
2、在根文件夹(angular2-quickstart)下,创建package.json文件:
3、在根文件夹(angular2-quickstart)下,创建tsconfig.json文件:
4、在根文件夹(angular2-quickstart)下,创建typings.json文件:
5、在根文件夹(angular2-quickstart)下,创建systemjs.config.js(JavaScript脚本)文件:
文件结构:
安装依赖包(最关键一步
)使用 npm 命令来安装 package.json 中列出的依赖包。在命令行 cmd 窗口,输入:cd angular2-quickstart,进入angular2-quickstar文件夹下,输入下列命令:
创建TypeScript应用程序
1、在VS Code中,在根文件夹(angular2-quickstart)下,创建app子文件夹。
2、在子app文件夹下,创建TypeScript文件app.module.ts:
3、在子app文件夹下,创建TypeScript文件app.component.ts:
我的第一个 AngularJS 2 应用程序'
})
export class AppComponent { }
4、在子app文件夹下,创建TypeScript文件main.ts:
5、在根文件夹(angular2-quickstart)下,创建html文件index.html: