web-dev-qa-db-ja.com

NPMを使用してAngular 2をインストールするにはどうすればよいですか？

Angular 2に記載されているQuickStartシードを使用せずに、Angular 2アプリ用に独自のローカル開発環境をセットアップしようとしています site または- Angular CLI 本当に必要のない余分なファイルが付属する傾向があるため。

NPMを使用してAngular 2を取得する方法がわからないことを除いて、すべてが順調に進んでいます。 npm install angular2 --saveを使用してみましたが、angular2は非推奨であり、プレリリースバージョンであることがわかりました。現時点で可能な限り、NPMを使用して最新のAngular 2.0プラグインを取得するにはどうすればよいでしょうか。

javascriptangulartypescriptnpm
14
duskmonarch

https://angular.io/docs/ts/latest/guide/setup.html で、QuickStartシードを使用することをお勧めします。ここに package.json があります。実際には、依存関係をダウンロードする必要があります。

"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"
}

npm initを実行し、これらの依存関係（またはそのほとんど）をコピーして、パッケージでnpm installを実行するよりも、カスタムpackage.jsonを作成することもできます。 .json

5
Andriy

Angular 4は2つの方法でインストールできます：

注：システムにすでにノードjsとnpmがインストールされていることを確認してください

  1. ターミナルコマンドを使用して、クローンから起動までの手順を実行します。
  2. ダウンロード QuickStartシードをプロジェクトフォルダーに解凍します。次に、ターミナルコマンドを使用して、後述の手順を実行します。

1。クローニング：

Helloworldという名前のプロジェクトを作成し、ターミナルから次のコマンドを実行するとします。

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

最後のコマンドを実行すると、ブラウザから次のように表示されます

enter image description here

2。ダウンロード中：

ダウンロード QuickStartシードをプロジェクトフォルダーに解凍します。次に、端末コマンドを使用して以下の手順を実行します。

cd quickstart
npm install
npm start

詳細については、 公式サイト をご覧ください。

3
Amir

  1. 次のコードを作成し、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. cmdのルートフォルダーに移動し、

    npm install 

or

npm i

または、新しいpackage.jsonを作成する場合

  1. コマンドプロンプトでフォルダーに移動する

  2. コマンドを実行する

    npm init

  3. これにより、新しいpackage.jsonファイルが作成され、上記のコードをコピーアンドペーストして、angular2を他のいくつかの基本的な依存関係とともにインストールします。

簡単なセットアップをお探しの場合。これを見てくださいpost。

2
Aravind
  1. インストールAngular CLI 1.1.3
  2. CLIの最新バージョンをアンインストール> npm uninstall –g @angular/cli
  3. キャッシュを消去する> npm cache clean
  4. 特定のバージョンのangular CLI> npm install –g @angular/[email protected]
  5. Node jsコマンドプロンプトを開きます。
  6. プロジェクトフォルダーの場所に移動します> cd project_name
  7. 下記のパッケージをインストールし、
  8. npm i codemirror
  9. npm i ng2-codemirror
  10. npm i ng2-split-pane
  11. npm i ng2-daterange-picker
  12. npm install
  13. 最後に> ng serve
1
Anna8483

ビルドツールに依存します。webpackの場合、次のようにangularコンポーネントをインストールするだけです。

  "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"
}

必要に応じて、すべての追加ベンダーモジュール。

1
A. Sitar
  1. https://angular.io/ からサンプルをダウンロード
  2. このコードを保存して、名前を変更します。

  3. Cmdのルートフォルダーに移動します。

    $ cd myproject

  4. コマンドを実行する

    $ npm install
$ npm start
0
Sapna

インストールAngular Dependencies）

  • Node （まだインストールされていない場合）の安定バージョンをインストールし、node -vを使用してインストールを確認します
  • インストール TypeScriptcommand npm install -g TypeScript を使用して
  • ダウンロードしてインストールします Angular CLI using npm install -g @angular/cli

Angularはコンポーネント指向のフレームワークです。アプリケーション全体を作成するには、多くのコンポーネントを作成する必要があります。コンポーネントは カスタム要素、HTML要素、ShadowDOM＆HTML imports。 のグループです

0
student