创建Angular2 angular-cli项目

Question

我正在尝试使用angular-cli创建Angular2项目。我运行npm install -g angular-cli然后我ng new test，它返回

  

“'ng'不被识别为内部或外部命令，可操作   程序或批处理文件。“

我检查目录C:\node\node_modules\npm\node_modules。找不到角度cli。我的npm版本是4.0.2，我的节点版本是5.11.0。如果你们有同样的问题，你能帮我解决一下吗？

Answer 1

来自angular-cli docs

  

先决条件

     

CLI和生成的项目都具有需要Node的依赖项   6.9.0或更高，以及NPM 3或更高。

您需要先升级节点和npm。

Answer 2

1）正如VadimB建议的那样，您需要升级node和npm版本。从nodejs.org安装最新版本的节点，并确保选择最小节点6.9.0 设置。

2）您正在尝试运行错误的命令。 当前版本命令是 - npm install -g @angular/cli（请注意 - 上面命令中的angular / cli包之前的 @ 。）

3）安装@angular/cli后，您可以使用ng help或ng -v检查安装和版本是否成功。

4）你正在查看错误的文件夹。成功安装后，@angular\cli

中将提供C:\Users\<UserName>\AppData\Roaming\npm\node_modules\

Answer 3

安装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.

使用Angular CLI创建Angular 4应用

要创建全新的Angular 4应用，请使用命令ng new newAppName。此命令需要一些时间才能执行。

package.json - 负责执行

的开发和app dependencies / packages /命令

src\main.ts - 照顾整个脚手架

src\app\app.module.ts - 必须将任何新创建的模块添加到declarations，并且必须将服务提供给函数providers的{​​{1}}关键参数，以使其可访问贯穿整个应用程序

使用Angular CLI运行Angular 4应用

要使用CLI运行新创建的应用，请使用命令@NgModule，该命令将在http://localhost:4200/上运行应用。

Answer 4

使用此代码：

npm install -g @angular/cli