TypeScript IntelliSense для Angular2 в Visual Studio 2015

Question

Я создал проект с использованием «основного веб-приложения ASP.NET (.NET Core)». Пустой шаблон проекта. Я делаю учебник по быстрому старту Angular2 по адресу https://angular.io/guide/quickstart. Все в порядке, у меня есть проект quickstart.

Проблема в том, что теперь я начинаю добавлять свои собственные файлы TypeScript, intellisense для Angular2, похоже, не работает.

У меня установлен TypeScript 1.8.10.

Я использую @ угловые/зависимости следующим образом в моем package.json;

{ 
    "name": "product-management", 
    "version": "1.0.0", 
    "author": "Deborah Kurata", 
    "description": "Package for the Acme Product Management sample application", 
    "scripts": { 
    "start": "concurrently \"npm run tsc:w\" ", 
    "tsc": "tsc", 
    "tsc:w": "tsc -w", 
    "typings": "typings", 
    "postinstall": "typings install", 
    "gulp": "gulp" 

    }, 
    "license": "ISC", 
    "dependencies": { 
    "@angular/common": "2.0.0-rc.1", 
    "@angular/compiler": "2.0.0-rc.1", 
    "@angular/core": "2.0.0-rc.1", 
    "@angular/http": "2.0.0-rc.1", 
    "@angular/platform-browser": "2.0.0-rc.1", 
    "@angular/platform-browser-dynamic": "2.0.0-rc.1", 
    "@angular/router": "2.0.0-rc.1", 
    "@angular/router-deprecated": "2.0.0-rc.1", 
    "@angular/upgrade": "2.0.0-rc.1", 

    "systemjs": "0.19.29", 
    "core-js": "2.4.0", 
    "reflect-metadata": "0.1.3", 
    "rxjs": "5.0.0-beta.6", 
    "zone.js": "0.6.12", 

    "angular2-in-memory-web-api": "0.0.11", 
    "bootstrap": "3.3.6" 
    }, 
    "devDependencies": { 
    "concurrently": "^2.0.0", 
    "typescript": "^1.8.10", 
    "typings": "1.0.4", 
    "gulp": "3.9.1", 
    "gulp-clean": "0.3.2" 
    }, 
    "repository": { } 
} 

Это мой tsconfig.json файл;

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "system", 
    "moduleResolution": "node", 
    "noImplicitAny": true, 
    "noEmitOnError": true, 
    "sourceMap": true, 
    "experimentalDecorators": true, 
    "emitDecoratorMetadata": true 
    }, 
    "compileOnSave": true 
} 

И мой файл typings.json;

{ 
    "globalDependencies": { 
    "core-js": "registry:dt/core-js#0.0.0+20160317120654", 
    "jasmine": "registry:dt/jasmine#2.2.0+20160505161446", 
    "node": "registry:dt/node#4.0.0+20160509154515" 
    } 
} 

Папка типизации была автоматически создана на основе моего проекта, с папками для выше библиотеки типизации.

Это моя проектная структура;

project_structure

Когда я смотрю в «node_modules/@ Угловое /» папки, я могу видеть, что они содержат * .d.ts файлы для определения машинопись, однако, как вы можете видеть формирования изображения этой папки не «включено» в мой проект, поэтому я не уверен, что файлы .d.ts используются визуальной студией ...?

Я искал ответы, но многие сообщения не основаны на использовании Visual Studio 2015, а также используют более старую зависимость «угловой2», а не более новую структуру зависимости «@angular».

Может кто-нибудь мне точку в правильном направлении, что проверить/настроить, чтобы получить машинописи IntelliSense работает с Angular2 в визуальной студии 2015.

Наконец, когда я говорю, ее не работает, если я добавить файл такой как «file.ts», а затем попробуйте ввести что-то вроде @Component (которое должно попасть в Angular2 intellisense), оно не будет и вместо этого предложит другие хиты с «Component» in.

Спасибо за вашу помощь.

Answer 1

Я понял, что проблема с intellisense была todo с порядком, в котором я писал файл машинописного текста ... (очень смущающе).

Когда я пишу операторы импорта в верхней первой, т.е.

import { Component } from "@angular/core" 

Затем начните писать угловой под, то IntelliSense работает отлично ..

@Component({ 

}) 

export class AppComponent { 
    pageTitle: string = "Acme Product Management"; 
}