Integração Angular 2 cli no visual studio 2015

Estou a tentar criar uma aplicação angular 2 no visual studio 2015 usando a configuração angular2 cli.

fiz os seguintes passos para configurar o projecto

  1. Execute o seguinte comando que instala o cli

    npm i -g angular-cli

  2. Execute o seguinte comando que cria a estrutura de ficheiros e pastas

    ng new projectname

  3. Execute o seguinte comando que compila o projecto

    ng serve

[4] por omissão, o aplicativo angular 2 é servido no porto 4200. Então, quando eu executar o http://localhost:4200 , consigo ver o índice.a página html é servida no navegador. Sei que é servida através do servidor ng e não do IIS. Por favor, corrija-me se estiver errado. Se eu copiar a pasta e a estrutura dos arquivos e incluir na minha solução visual studio e executá-la, vejo que o visual studio usa a sua própria porta. Mesmo que eu configure o porto para 4200 nas propriedades do projeto e tente executar http://localhost:4200 , Funciona mesmo. Creio que é porque está agora a ser acolhido pelo IIS e o IIS não faz ideia desta aplicação. Alguém pode dizer - me como preparar isto em tempo real? Estou basicamente a tentar fazer alterações no html e executar o código usando o visual studio 2015 editor. Eu não tenho nenhuma mudança reflectida

Author: Tom, 2017-01-04
Source

2 answers

Uma vista da sua estrutura de ficheiros seria útil. Parece que estás a usar o Visual Studio como IDE. Se isso estiver correto, eu não me preocuparia em usar o botão verde play. Você tem que executar tarefa para que ele construa, para que o executante tarefa será seu amigo. Isso ou apenas abra a consola e faça os comandos a partir daí.

Pessoalmente, prefiro usar apenas um IDE, como o visual studio code, mas se você precisa usar VS, então eu recomendo o link abaixo.

Aqui está um bom referência para executar um projeto Angular 2 em estúdio Visual sem colocá-lo em um ASP.NET projecto

 3
Author: Pezetter, 2017-01-04 20:08:40
Aqui está um exemplo mais detalhado de como usar o Angular CLI com o Visual Studio 2017 que também funciona com o Visual Studio 2015.

Contém detalhes sobre como definir o evento de compilação pré-compilação do projecto para executar o ng build. Além disso, mostra como copiar a saída do CLI para um ASP.NET aplicação web usando os pacotes.ficheiro json.

 3
Author: Que, 2017-08-17 17:06:24