创建Angular2 angular-cli项目

Question

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

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

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

Answer 1

来自angular-cli文档

先决条件

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

您需要先升级节点，然后再升级npm。

Answer 2

1）根据VadimB的建议，您需要升级节点和npm版本。 从nodejs.org安装最新版本的node，并确保选择最低的Node 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是面向组件的框架。 需要创建许多组件才能构成整个应用程序。 组件是一组自定义元素， HTML元素， ShadowDOM和HTML导入。

使用Angular CLI创建Angular 4应用

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

package.json负责开发和应用程序依赖项/包/要执行的命令

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

src\\app\\app.module.ts任何新创建的模块都必须添加到declarations并且必须将服务提供给@NgModule函数的providers关键参数，以使它们可以在整个应用程序中访问

使用Angular CLI运行Angular 4应用

要使用CLI运行刚创建的应用程序，请使用ng serve命令，它将在http：// localhost：4200 /上运行该应用程序。

Answer 4

使用此代码：

npm install -g @angular/cli