我想讓Angular 2
在Visual Studio 2015
中與Typescript
一起工作。我試圖獲得最基本的例子在MVC 5
類型的web項目工作(的web.config
代替config.json
):如何讓angular2在使用TypeScript的Visual Studio 2015中工作?
import {Component, bootstrap} from 'angular2/angular2';
@Component({
selector: 'my-app',
template: '<h1>My First Angular 2 App</h1>'
})
class AppComponent { }
bootstrap(AppComponent);
我試圖使這項工作所需要的最起碼的事情。所以我下載了最新的Angular 2(alpha .45)並將其複製到TypeScript
的下載文件夾中。包括所有子文件夾(減去的docs
和examples
的。)
我相信,這將在Visual Studio
外面工作,我已經這樣做過,但我試圖讓它在Visual Studio
工作,它給了我超過3000個錯誤,看起來是因爲我錯過了其他模塊或其他東西。
這裏有一對夫婦的事情,我很想念:
地圖(default_keyvalue_differ.ts
,和許多其他人):
export class DefaultKeyValueDiffer implements KeyValueDiffer {
private _records: Map<any, any> = new Map();
斷言(lexer.ts
):
scanCharacter(start: number, code: number): Token {
assert(this.peek == code);
套裝(command_compiler.ts):
function removeKeyValueArrayDuplicates(keyValueArray: string[]): string[] {
var knownPairs = new Set();
startsWith(shadow_css.ts)
rule.selector.startsWith('@page')
要求(parse5_adapter.ts)
var parse5 = require('parse5/index');
@ reactivex/rxjs/dist/cjs/Rx(async.ts)
export {Subject} from '@reactivex/rxjs/dist/cjs/Rx';
還有比這更多的東西。所以我的第一個問題是,我真的需要所有這些東西,還是有些不是必需的。第二,更重要的是,我如何獲得Visual Studio
來構建我的解決方案?
注意:我覺得這個「很長的例子/教程」就是我一直在尋找除了它面向的MVC 6(.NET核心),而不是MVC 5:http://chsakell.com/2016/01/01/cross-platform-single-page-applications-with-asp-net-5-angular-2-typescript/
我想你必須通過NPM或JSPM安裝角度。原因是,我試圖通過package.json(npm)配置使用Visual Studio自動同步來下載Angular 2(alpha .44)和Angular 2(alpha .45),但它無法成功下載它。 –
我用這個命令'jspm install angular2 es6-shim reflect-metadata zone.js'從這個鏈接:http://html5hive.org/getting-started-with-angular-2/ 它能夠下載角alpha 45與所有依賴關係。試一試 –
因此,確實讓我有類似的感覺,但現在我遇到了一個新問題,我得到了大量的「重複標識符」錯誤,其中超過2000個錯誤。我刪除了所有文件夾,然後運行npm install angular2 es6-shim reflect-metadata zone.js''yhrn最終在'Visual Studio'中將這些文件複製到我的解決方案文件夾中,並在我的項目中包含新文件夾,現在得到所有這些錯誤:(這不應該是這麼辛苦! –