Làm cách nào để cài đặt AngularJS 2 bằng NPM?

Question

Tôi đang cố gắng thiết lập môi trường phát triển cục bộ của riêng mình cho ứng dụng Angular 2 mà không sử dụng hạt giống QuickStart được đề cập trong Angular 2 site hoặc Angular CLI vì chúng có xu hướng đi kèm với tệp phụ mà tôi không thực sự yêu cầu.

Hiện tại, mọi thứ đều ổn, ngoại trừ việc tôi không biết cách sử dụng NPM bằng Angular 2. Tôi đã thử sử dụng npm install angular2 --save nhưng tôi chỉ phát hiện ra rằng angular2 đã không còn được dùng nữa và là phiên bản tiền phát hành. Vì vậy, tôi đoán làm thế nào để có được các plugin Angular 2.0 mới nhất bằng cách sử dụng NPM, nếu có thể vào lúc này?

Answer 1

tại https://angular.io/docs/ts/latest/guide/setup.html, được khuyến khích sử dụng QuickStart hạt giống, đây là nó package.json, vì vậy trên thực tế chúng ta cần phải tải phụ thuộc của nó:

"dependencies": { 
    "@angular/common": "~2.4.0", 
    "@angular/compiler": "~2.4.0", 
    "@angular/core": "~2.4.0", 
    "@angular/forms": "~2.4.0", 
    "@angular/http": "~2.4.0", 
    "@angular/platform-browser": "~2.4.0", 
    "@angular/platform-browser-dynamic": "~2.4.0", 
    "@angular/router": "~3.4.0", 

    "angular-in-memory-web-api": "~0.2.4", 
    "systemjs": "0.19.40", 
    "core-js": "^2.4.1", 
    "rxjs": "5.0.1", 
    "zone.js": "^0.7.4" 
} 

bạn cũng có thể tạo tùy chỉnh của bạn package.json, bằng cách chạy npm init , sao chép những phụ thuộc (hoặc hầu hết trong số họ) và so với chạy npm install với package.json

Answer 2

1. bạn Dán đồng dưới đây vào một tệp bằng cách tạo và đặt tên tệp là package.json.

   { 
   "name": "demo-app", 
   "version": "1.0.0", 
   "author": "Aravind", 
   "description": "set up files for the first Demo App", 
   "scripts": { 
       "start": "tsc && concurrently \"tsc -w\" \"lite-server\" ", 
       "tsc": "tsc", 
       "tsc:w": "tsc -w", 
       "lint": "tslint ./app/**/*.ts -t verbose", 
       "lite": "lite-server", 
       "typings": "typings", 
       "postinstall": "typings install" 
   }, 
   "license": "ISC", 
       "dependencies": { 
       "@angular/common": "2.0.0", 
       "@angular/compiler": "2.0.0", 
       "@angular/core": "2.0.0", 
       "@angular/forms": "2.0.0", 
       "@angular/http": "2.0.0", 
       "@angular/platform-browser": "2.0.0", 
       "@angular/platform-browser-dynamic": "2.0.0", 
       "@angular/router": "3.0.0", 
   
       "core-js": "^2.4.1", 
       "reflect-metadata": "^0.1.3", 
       "rxjs": "5.0.0-beta.12", 
       "systemjs": "0.19.27", 
       "zone.js": "^0.6.23", 
   
       "bootstrap": "^3.3.6" 
   }, 
   "devDependencies": { 
       "concurrently": "^2.2.0", 
       "lite-server": "^2.2.0", 
       "tslint": "^3.7.4", 
       "typescript": "^2.0.2", 
       "typings": "^1.0.4" 
   }, 
   "repository": {} 
   } 
   

2. điều hướng đến thư mục gốc trong Cmd và

   npm install 
   
   or 
   
   npm i 
   

Hoặc nếu bạn muốn tạo một package.json mới

1. Navigate to một thư mục trong lời nhắc lệnh

2. Thực hiện lệnh

   npm init 
   

3. Điều này sẽ tạo ra một file package.json mới và sao chép dán đoạn mã trên để cài đặt angular2 cùng với vài phụ thuộc cơ bản khác.

Nếu bạn đang tìm kiếm một thiết lập đơn giản. Hãy xem số điện thoại post này.

Answer 3

Nó phụ thuộc vào công cụ xây dựng của bạn, nếu nó là webpack, bạn cần chỉ cần cài đặt các thành phần góc cạnh, như:

"dependencies": { 
    "@angular/common": "~4.0.0", 
    "@angular/compiler": "~4.0.0", 
    "@angular/core": "~4.0.0", 
    "@angular/forms": "~4.0.0", 
    "@angular/http": "~4.0.0", 
    "@angular/platform-browser": "~4.0.0", 
    "@angular/platform-browser-dynamic": "~4.0.0", 
    "@angular/router": "~4.0.0" 
} 

Và tất cả các module nhà cung cấp bổ sung nếu nó cần thiết trong trường hợp của bạn.

Answer 4

góc 4 thể được cài đặt theo hai cách:

Lưu ý: Hãy chắc chắn rằng hệ thống của bạn đã được cài đặt js nút và NPM

1. Thực sự ra mắt clone-to- các bước với các lệnh đầu cuối.
2. Download hạt QuickStart và giải nén nó vào thư mục dự án của bạn. Sau đó thực hiện các bước được đề cập sau với các lệnh đầu cuối.

1. Cloning:

Giả sử bạn muốn thực hiện một dự án có tên helloworld, sau đó chạy các lệnh sau từ terminal

git clone https://github.com/angular/quickstart.git helloworld 
cd helloworld 
npm install 
npm start 

của bạn Sau khi chạy lệnh cuối cùng bạn có thể nhìn thấy từ của bạn trình duyệt như thế này

2. Tải xuống:

hạt QuickStart và giải nén nó vào thư mục dự án của bạn. Sau đó thực hiện các bước dưới đây với các lệnh đầu cuối.

cd quickstart 
npm install 
npm start 

Để biết thêm chi tiết hãy vào official site

Answer 5

Cài đặt Dependencies góc

• Cài đặt một phiên bản ổn định của Node (nếu chưa được cài đặt) và xác minh việc cài đặt bằng node -v
• Cài đặt TypeScript sử dụng command npm install -g typescript
• Tải về và cài đặt Angular CLI sử dụng lệnh npm install -g @angular/cli

Angular là một khuôn khổ định hướng thành phần. Nhiều thành phần cần phải được tạo ra để làm cho toàn bộ ứng dụng. Một thành phần là một nhóm các custom elements, HTML elements, ShadowDOM & HTML imports.

Answer 6

1. Tải ví dụ từ https://angular.io/
2. Lưu đoạn mã này và đổi tên nó.

3. Điều hướng đến thư mục gốc trong Cmd.

   $ cd myproject 
   

4. Thực hiện lệnh

   $ npm install 
   $ npm start