美文网首页我爱编程
angular2 搭建环境

angular2 搭建环境

作者: this_smile | 来源:发表于2017-09-08 16:41 被阅读0次
  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

相关文章

  • angular2 环境搭建

    一、安装Angular-Cli 1、查看你的node以及npm版本: node -v 查看node版本 npm ...

  • angular2 搭建环境

    首先要安装node v5.x.x或者更高版本 和 npm 3.x.x以上版本可以在https://nodej...

  • Angular2进阶

    在之前《Angular2初探》一文中我们已经将Angular2基于webpack+Typescript的开发环境搭...

  • 如何搭建angular2的开发环境

    1.集成开发环境 搭建开发环境是一件很麻烦的事情,请大家一定要根据我讲的这个方法来搭建这个环境。 方法一:Angu...

  • angular2 环境问题

    在搭建angular2 项目的时候遇见了以下问题,先给大家一个项目搭建的网址 https://github.com...

  • Angular2环境配置

    Angular2环境配置 介绍: 2016年9月14号Angular宣布发布了Angular2的版本. 并且ang...

  • React Native学习总结篇

    一、环境搭建 1.1 React Native环境搭建 1.1.1 IOS环境搭建 环境:MacOS 注意:不要使...

  • linux 第四天

    Lamp环境搭建 /*******************Lamp环境搭建:*******************...

  • codePush说明

    codePush环境搭建 环境搭建文章:环境搭建 git地址:codePush git地址2.0.3,And...

  • angular学习--02英雄指南

    环境搭建 angular官网--搭建本地开发环境和工作空间windows 10 搭建angular开发环境免搭建环...

网友评论

    本文标题:angular2 搭建环境

    本文链接:https://www.haomeiwen.com/subject/qlqnjxtx.html