使用 angular-cli 搭建 angular 项目

使用 angular-cli 搭建 angular 项目

1. 首先 先安装 angular-cli (脚手架);

npm install -g @angular-cli

注意：此为 安装 最新 版本 (目前 最新版本 为 8.1)
运行完上述 命令 可以 使用 :

ng -v     或者    ng  version     

查看 当前 版本 （检查是否 安装 成功）;

这就是 安装成功了。

2.创建 项目

ng  new   <项目文件夹名称（项目名称）>

eg:

ng  new  my-app

此时会 创建 一个 my-app 文件夹，这个 文件夹 就包含了 项目 的所有文件

但是 我在创建的过程 中 报错了 报错信息 如下：

大概意思 就是 没有 找到 匹配 less-loader@5.0.0 版本的 包 而 这个 包 又是 angular 脚手架 的 依赖文件，导致创建项目出错。

一开始 我以为 只需要 手动 安装 这个 包 即可，但是 发现 安装 之后 还是报错。

最终发现 原来 是 脚手架 版本的 原因 导致。 只需要 将脚手架 版本 回退 到 6.1 版本即可。

npm  install -g @angular-cli@6.1

执行 上述 命令 重新 安装 6.1 版本的 脚手架。

安装完成之后：查看 版本

此时 脚手架 版本 已经是 6.1.5 版本了。

再次创建 项目

ng  new  my-app

提示 这个 表示 创建 成功!

3.运行 项目

ng serve

项目 搭建完成!!!