Question

我正在尝试为Angular 2应用设置我自己的本地开发环境，而不使用Angular 2 site或Angular CLI中提到的QuickStart种子，因为它们往往带有额外的文件我真的不需要。

现在，除了我不知道如何使用NPM获得Angular 2之外，一切都很顺利。我尝试过使用false，但我发现angular2已被弃用，并且是预发布版本。所以我想如何使用NPM获取最新的Angular 2.0插件，如果可能的话呢？

Answer 1

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

您还可以创建自定义 package.json ，方法是运行npm init，复制这些依赖项（或大部分依赖项），然后使用package.json运行npm install

Answer 2

Angular 4 可以通过两种方式安装：

注意：确保您的系统已经安装了节点js和npm

使用终端命令执行克隆到启动步骤。
Download QuickStart种子并将其解压缩到项目文件夹中。然后使用终端命令执行后面提到的步骤。

<强> 1。克隆：

假设您要创建名为helloworld的项目，然后从终端运行以下命令

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

运行完最后一个命令后，您可以在浏览器中看到这样的

<强> 2。正在下载：

Download QuickStart种子并将其解压缩到项目文件夹中。然后使用终端命令执行以下步骤。

cd quickstart
npm install
npm start

有关详情，请转至official site

Answer 3

通过创建并将其命名为以下代码，将其粘贴到文件中的的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": {} }

导航到Cmd和
中的根文件夹
npm install or npm i

或者，如果您想创建一个新的 package.json

导航到命令提示符下的文件夹

执行命令

npm init

这将创建一个新的 package.json 文件并复制粘贴上面的代码以安装angular2以及其他一些基本依赖项。

如果您正在寻找一个简单的设置。看一下 post 。

Answer 4

这取决于你的构建工具，如果它是webpack，你只需要安装角度组件，如：

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

以及所有其他供应商模块（如果您需要的话）。

Answer 5

安装Angular Dependencies

安装Node的稳定版本（如果尚未安装）并使用node -v验证安装
使用TypeScript

command npm install -g typescript

使用命令npm install -g @angular/cli

Angular CLI

Angular是面向组件的框架。需要创建许多组件来构建整个应用程序。组件是一组custom elements, HTML elements, ShadowDOM & HTML imports.

Answer 6

从https://angular.io/
保存此代码并重命名。
导航到Cmd。
中的根文件夹
```
$ cd myproject
```
执行命令
```
$ npm install
$ npm start
```

Answer 7

安装Angular CLI 1.1.3
卸载最新版本的CLI> npm uninstall –g @angular/cli
清理缓存> npm cache clean
安装Angle CLI的特定版本> npm install –g @angular/cli@1.1.3
打开Node js命令提示符。
导航到项目文件夹位置> cd project_name
安装以下提到的软件包，
npm i codemirror
npm i ng2-codemirror
npm i ng2-split-pane
npm i ng2-daterange-picker
运行npm install
最后要做> ng serve

如何使用NPM安装Angular 2？

7 个答案: