NPM, package.json - cách thêm phụ thuộc với "@" vào tên

Question

Tôi đang cố cài đặt Angular 2 RC mới trong dự án của mình. Tên mô-đun trong NPM đã được thay đổi từ angular2 thành @angular/core. Nhưng khi tôi thêm nó vào package.json, nó cố gắng để cài đặt mô-đun angular/core thay vào đó và không tìm thấy nó. Khi tôi nhập

npm install @angular/core 

trong bảng điều khiển, thì Angular 2 được cài đặt đúng cách. Bạn có biết tại sao package.json skipps "@" trong tên mô-đun và cách khắc phục không?

// Chỉnh sửa: Tôi phát hiện ra rằng đó không chỉ là tên, nhưng "@" biểu thị một scoped package. Dù sao, điều này sẽ làm việc bằng cách sử dụng package.json (như được mô tả trong documentation), nhưng vì một số lý do thì không. Tôi đang sử dụng Visual Studio 2015 với cập nhật mới nhất và dự án của tôi là một 6 dự án ASP.NET MVC (mà được trang bị với sự hỗ trợ NPM)

Answer 1

Bạn nên sử dụng package.json từ Angular2 Docs:

{ 
    "dependencies": { 
    "@angular/common": "2.0.0-rc.0", 
    "@angular/compiler": "2.0.0-rc.0", 
    "@angular/core": "2.0.0-rc.0", 
    "@angular/http": "2.0.0-rc.0", 
    "@angular/platform-browser": "2.0.0-rc.0", 
    "@angular/platform-browser-dynamic": "2.0.0-rc.0", 
    "@angular/router-deprecated": "2.0.0-rc.0", 
    "@angular/upgrade": "2.0.0-rc.0", 
    "systemjs": "0.19.27", 
    "es6-shim": "^0.35.0", 
    "reflect-metadata": "^0.1.3", 
    "rxjs": "5.0.0-beta.6", 
    "zone.js": "^0.6.12", 
    "angular2-in-memory-web-api": "0.0.5", 
    "bootstrap": "^3.3.6" 
    }, 
    "devDependencies": { 
    "concurrently": "^2.0.0", 
    "lite-server": "^2.2.0", 
    "typescript": "^1.8.10", 
    "typings": "^0.8.1" 
    } 
} 

Sau đó thực hiện chắc chắn và chạy npm install trong thư mục gốc.

Answer 2

Cảm ơn @Dov Benyomin Sohacheski, tôi không biết tệp này. Nhưng tiếc là nó không giải quyết được vấn đề của tôi. Chìa khóa là cách sử dụng Visual Studio 2015 của tôi và phiên bản NPM lỗi thời có thể được vận chuyển cùng với nó. Tôi đã cài đặt Node.js và đã định cấu hình Visual Studio để sử dụng phiên bản này thay vì phiên bản được tích hợp sẵn và nó bắt đầu hoạt động.

Here là hướng dẫn về cách làm cho VS sử dụng phiên bản GIT của chính chúng ta thay vì phiên bản được tích hợp sẵn. Các bước cho NPM về cơ bản giống nhau. Một sự khác biệt quan trọng là bạn không thể chỉ cần bỏ chọn $(DevEnvDir)\Extensions\Microsoft\Web Tools\External, bởi vì cũng có các công cụ khác, vì vậy bạn cần phải thêm vị trí của NPM ở trên nó.

cấu hình cuối cùng của tôi:

Đừng quên khởi động lại VisualStudio sau đó.