2015-10-26 18 views
6

Tôi đang trong giai đoạn nghiên cứu để phát triển ứng dụng. Việc phát triển phía máy chủ đã bắt đầu, với Spring bootMaven. Bây giờ, tôi đang nghiên cứu các tùy chọn có thể để phát triển phía khách hàng.Khởi động mùa xuân, maven, AngularJS 2, phân loại và tải lại trực tiếp

Tôi muốn sử dụng Angular 2 (Tôi biết nó vẫn còn trong alpha), nhưng tôi thực sự do dự giữa phiên bản javascripttypescript của nó. Tôi biết việc tải lại trực tiếp trực tiếp với phiên bản javascript sẽ hoạt động tốt với maven spring-boot run (theo lý thuyết), và đây là một trợ giúp tuyệt vời cho năng suất. Tôi đã tự hỏi nếu có cách nào để tải lại trực tiếp cho typescript phiên bản Angular. Có ai quản lý để thực hiện nó trong dự án riêng của mình? Nếu có, bạn đã làm thế nào?

tôi đã không tìm thấy bất kỳ doc về vấn đề này trên maven-typescript-plugin

Hệ thống xây dựng sẽ Maven cho phía khách hàng quá.

CHỈNH SỬA: Có cách nào dễ dàng để gỡ lỗi các loại, hoặc là một cơn đau?

Trả lời

5

Một cách có thể là thêm đồng hồ để tự động được kích hoạt trên bất kỳ thay đổi tệp nào. Ví dụ, hãy thử thêm dòng sau vào package.json tập tin của bạn:

{ 
    "scripts": { 
    "tsc": "tsc -p src -w" 
    } 
} 

Khi Quickstart for Angular 2 (theo nghĩa đen) khẳng định rằng điều này sẽ được kích hoạt khi bạn mở một cửa sổ terminal trong thư mục gốc của thư mục ứng dụng và nhập:

npm run tsc 

Tập lệnh đặt tùy chọn xem biên dịch trình biên dịch (-w) để trình biên dịch vẫn hoạt động khi hoàn tất. Nó theo dõi các thay đổi đối với các tệp .ts và tự động biên dịch chúng.

Xem xét điều này sẽ nhổ ra các tệp .js đồng bằng cũ, bạn có thể sử dụng công cụ bạn cảm thấy thoải mái khi tải lại trang.

+0

Có vẻ đầy hứa hẹn! Bạn có biết nếu Angular 2 sử dụng bản đồ nguồn, để tôi có thể gỡ lỗi trực tiếp các nguồn ts của tôi thay vì gỡ lỗi các nguồn js được tạo ra? –

+0

Chắc chắn, giống như với bất kỳ khung công cụ Javascript nào khác hoặc cả hai bản đồ nguồn hỗ trợ Angular2 và TypeScript vì điều này có thể được thiết lập trong tập lệnh xây dựng của bạn. Bên cạnh đó, với mục đích phát triển, bạn có thể chỉ cần thêm trình chuyển đổi TypeScript vào html của bạn, cho phép bạn sử dụng bản gốc .ts chứ không phải là các biên dịch .js. Điều này cũng được chứng minh đầu tiên [trong Quickstart] (https://angular.io/docs/ts/latest/quickstart.html). –

+0

Cảm ơn rất nhiều, bạn đã thuyết phục tôi! –

Các vấn đề liên quan