Góc 2 tích hợp cli trong studio trực quan 2015

Question

Tôi đang cố gắng tạo ứng dụng 2 góc trong studio trực quan 2015 bằng cách sử dụng thiết lập clular2 cli.

Tôi đã làm các bước sau để thiết lập các dự án

1. Thực hiện lệnh sau đó cài đặt các cli

   npm i -g angular-cli

2. Thực hiện lệnh sau tạo ra tập tin và thư mục cấu trúc

   ng new projectname

3. Thực hiện lệnh sau đó xây dựng các dự án

   ng serve

Theo mặc định, 2 ứng dụng góc được phục vụ trên cổng 4200. Vì vậy, khi tôi thực hiện http://localhost:4200, tôi có thể thấy index.html trang được phân phát trên trình duyệt. Tôi hiểu rằng nó được phục vụ thông qua máy chủ ng chứ không phải IIS. Hãy sửa tôi nếu tôi sai. Nếu tôi sao chép cấu trúc thư mục và tệp và đưa vào giải pháp phòng thu trực quan của tôi và chạy nó, tôi thấy rằng studio hình ảnh sử dụng cổng riêng của nó. Ngay cả khi tôi đặt cổng thành 4200 trong thuộc tính dự án và thử và thực thi http://localhost:4200, nó vẫn hoạt động. Tôi tin rằng đó là bởi vì nó hiện đang được lưu trữ bởi IIS và IIS không có đầu mối của ứng dụng này. Ai đó có thể cho tôi biết cách thiết lập nó trong kịch bản thời gian thực

Tôi về cơ bản đang cố thực hiện thay đổi trong html và thực thi mã bằng trình chỉnh sửa visual studio 2015. Tôi không có bất kỳ thay đổi nào được phản ánh

Answer 1

Chế độ xem cấu trúc tệp của bạn sẽ hữu ích. Có vẻ như bạn đang sử dụng Visual Studio làm IDE. Nếu điều đó đúng, tôi sẽ không lo lắng về việc sử dụng nút phát màu xanh lá cây. Bạn phải chạy nhiệm vụ cho nó để xây dựng, do đó, Task Runner sẽ là bạn của bạn. Điều đó hoặc chỉ cần mở giao diện điều khiển và làm bạn lệnh từ đó.

Cá nhân tôi chỉ thích sử dụng IDE, như mã studio trực quan, nhưng nếu bạn phải sử dụng VS, thì tôi khuyên bạn nên liên kết bên dưới.

Here is a good reference for running an Angular 2 project in Visual Studio without putting it in an ASP.NET project

Answer 2

Dưới đây là một ví dụ chi tiết hơn về How To Use Angular CLI With Visual Studio 2017 mà cũng làm việc với Visual Studio 2015.

Nó chi tiết về cách thiết lập trước khi xây dựng sự kiện xây dựng của dự án để chạy ng xây dựng. Ngoài ra, nó cũng cho thấy cách sao chép đầu ra CLI vào một ứng dụng web ASP.NET bằng cách sử dụng tệp packages.json.