使用 angular-cli 搭建 angular 项目

本文详细介绍如何使用angular-cli脚手架创建并运行Angular项目,包括安装最新版本或指定版本的angular-cli,解决创建过程中可能遇到的依赖包问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用 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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值