angular2 搭建环境

  1. 首先要安装node v5.x.x或者更高版本 和 npm 3.x.x以上版本
    可以在https://nodejs.org/en/首页直接下载安装
  2. 全局安装Angular CLI。

npm install -g @angular/cli

  1. 创建新项目,如my-app,并放入相关配置
    • package.json
      用来标记出本项目所需的 npm 依赖包。
    • tyconfig.json
      定义了 TypeScript 编译器如何从项目源文件生成 JavaScript 代码。
    • typings.json
      为那些 TypeScript 编译器无法识别的库提供了额外的定义文件。
    • systemjs.config.js
      为模块加载器提供了该到哪里查找应用模块的信息,并注册了所有必备的依赖包。它还包括文档中后面的例子需要用到的包。
  2. 安装package.json中列出的依赖包。

    npm install

  3. 在应用的根目录创建一个app子目录,并放入相关文件

    app.module.ts
    app.component.ts
    main.ts

  4. 定义该应用的宿主页面,根目录下创建

    index..html

  5. 编译并运行应用程序

    npm start

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Angular CLI 是什么? Angular CLI 是一个命令行接口(Command Line Interf...
    semlinker阅读 4,235评论 0 39
  • Angular 应用程序以及 Angular 本身都依赖于很多第三方包 ( 包括 Angular 自己 ) 提供的...
    jicemoon阅读 1,179评论 0 3
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,026评论 19 139
  • 导语 Angular2(已经统一更名为Angular,而Angular1表示1.x版本,以下统称Angular都是...
    cipchk阅读 2,795评论 1 46
  • 写给喜欢写故事的你: 本系列教程整理自两本书,《故事》和《这样写出好故事》。这两本书在豆瓣评分都大于9分,内容可圈...
    鱼服阅读 260评论 0 1