专栏首页前端之攻略Angular 2 快速起步 原

Angular 2 快速起步 原

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 修改npm全局安装的位置 原

    不小心删除了C:\Users\Administrator\AppData\Roaming\npm 的Roaming下面的npm ,然后npm安装怎么都无效,这时...

    tianyawhl
  • AJAX跨域请求JSONP 原

    JSONP(JSON with Padding)是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callb...

    tianyawhl
  • localResizeIMG图片压缩上传 原

    (adsbygoogle = window.adsbygoogle || []).push({});

    tianyawhl
  • 用户在线广告点击行为预测的深度学习模型

    用户1737318
  • 基于改进的点对特征的6D位姿估计

    论文题目:6D Pose Estimation using an Improved Method based on Point Pair Features

    计算机视觉
  • 基于改进的点对特征的6D位姿估计

    论文题目:6D Pose Estimation using an Improved Method based on Point Pair Features

    3D视觉工坊
  • Jsp语法、指令及动作元素

    一、JSP的语法 1、JSP的模板元素:(先写HTML)    就是JSP中的那些HTML标记    作用:页面布局和美化 2、JSP的Java脚本表达式:  ...

    欠扁的小篮子
  • anyproxy学习1-windows平台安装和抓手机app上https请求

    做接口测试肯定离不开抓包,目前比较流行的抓包工具是fiddler和charles,相信并不陌生。这里介绍一个阿里公司研发的一个抓包神器,只需打开web页面,就能...

    上海-悠悠
  • 这个ssr 开发骨架有点帅

    前段时间一直在研究react ssr 技术,也很想自己写一个 ssr开发骨架,有了自己的骨架后就不需要在用 ejs 模板了,直接用 jsx 就可以了,技术栈也就...

    zz_jesse
  • 鹿晗“触网”:明星资本化背后的商业逻辑

    孟永辉

扫码关注云+社区

领取腾讯云代金券