zoukankan      html  css  js  c++  java
  • Angular2环境搭建

    1、安装node v5.x.x 或更高版本以及 npm 3.x.x 或更高版本


    2、新建一个目录, 如Angular2,并放入相关配置项

    (可在Github上下载相关文件https://github.com/ning00/Angular2 ):

    package.json

                用来标记出本项目所需的 npm 依赖包。

    tyconfig.json

                定义了 TypeScript 编译器如何从项目源文件生成 JavaScript 代码。

    typings.json

                为那些 TypeScript 编译器无法识别的库提供了额外的定义文件。

    systemjs.config.js

                为模块加载器提供了该到哪里查找应用模块的信息,并注册了所有必备的依赖包。它还包括文档中后面的例子需要用到的包。


    3、安装package.json中列出的依赖包

    打开node转到对应的目录,如Angular2,输入:

    npm install
    

    (若npm install 运行结束后没有生成typings目录, 手动安装:npm run typings install)


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

    (可在Github上下载相关文件https://github.com/ning00/Angular2 ):

    app.module.ts

    app.component.ts

    main.ts


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

    index..html


    6、编译并运行应用程序

    npm start


    目录结构如下,其中app下的 *.js 和 *.js.map 是npm start命令后自动生成的


    官网地址:https://angular.cn/docs/ts/latest/quickstart.html






  • 相关阅读:
    jquery绑定点击事件动画BUG
    初步了解XSS攻击
    构造函数、原型对象、原型链之间的关系
    SQA计划和系统测试规程
    第四次scrum冲刺
    第二次Scrum冲刺
    前端面试题整理
    vue 2 简化版数据响应原理
    Vue3.0 简化版数据响应式原理
    git commit规范
  • 原文地址:https://www.cnblogs.com/Zting00/p/7497679.html
Copyright © 2011-2022 走看看