使用 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 文件夹,这个 文件夹 就包含了 项目 的所有文件

但是 我在创建的过程 中 报错了 报错信息 如下:
在这里插入图片描述
大概意思 就是 没有 找到 匹配 [email protected] 版本的 包 而 这个 包 又是 angular 脚手架 的 依赖文件,导致创建项目出错。

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

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

npm  install -g @[email protected]

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

安装完成之后:查看 版本
在这里插入图片描述
此时 脚手架 版本 已经是 6.1.5 版本了。

再次创建 项目

ng  new  my-app

在这里插入图片描述
提示 这个 表示 创建 成功!

3.运行 项目

ng serve

在这里插入图片描述
项目 搭建完成!!!

发布了96 篇原创文章 · 获赞 64 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/qq_41709082/article/details/97392463