道招

安装运行angular2

现在官方貌似推荐用typescript来开发Angular,访问官方网站http://angular.io,点击Get Started,就会跳转到https://angular.io/docs/ts/latest/quickstart.html,这里是开发入门示例。但是实际上一般我们按照官方的配置还是把官方的示例跑起来,因为我们还缺少一些东西未下载,官方的示例也并没有提醒小白们。
首先我们得安装nodejs(版本在6.x以上),它里面已经自带了npm。安装官方的介绍运行npm install之后,我们还要在项目中安装rxjs,
npm install rxjs
没有正常安装的时候运行npm start或者http-server运行服务器,打开http://127.0.0.1:8080/只会看见页面上出现 loading,这是因为index.html里面有如下代码:
<body>
    <my-app>Loading...</my-app>
</body>
未能正常加载组件app.component.ts
import { Component } from '@angular/core';
@Component({
    selector: 'my-app',
    template: '<h1>My First Angular App</h1>'
})
export class AppComponent { }
出现的错误一般是
Failed to load resource: the server responded with a status of 404 (Not Found) angular2-polyfills.js:332 Error: Error: XHR error (404 Not Found) loading http://127.0.0.1:8080/rxjs....
正常运行才会出现下面的界面 Angular2

webpack笔记——在html-webpack-plugin插件中提供给其它插件是使用的hooks

从vuecli3学习webpack记录(四)vue是怎么进行默认配置的

webpack笔记——hook执行时call的是什么

从vuecli3学习webpack记录(二)webpack分析

从vuecli3学习webpack记录(零)整体流程

关注道招网公众帐号