如何使用命令提示符在 Windows 11 或 10 上安装 Angular

但是为什么要使用 Angular呢?

在我们深入研究安装过程之前,让我们快速了解使用 Angular 的一些好处,使其值得考虑用于 Web 开发。Angular为构建现代Web 应用程序提供了一个强大的结构化框架。它以以下方面而闻名:

  • 其基于组件的架构允许您轻松构建和维护复杂的应用程序。
  • 使用Angular创建的Web应用程序在各种平台和设备上无缝运行。
  • Angular 优化您的应用程序以获得更好的性能,使其快速加载并平稳运行。
  • 活跃的社区,充足的资源,教程以及对Angular开发的支持。

第 1 步。以管理员身份打开PowerShell或CMD

在这里,我们使用的是PowerShell,但您也可以使用命令提示符,因为两者的步骤相同。但是,请确保您以管理员身份访问它们,因为我们需要超级用户权限才能使用命令行安装应用程序。

要给出一个想法 – 只需单击Windows开始按钮并搜索PowerShell或CMD,然后单击选项 – “以管理员身份运行

Running-Powershell-as-Admin-for-Windows-11-1

第 2 步。检查温格可用

在所有Windows 11上,包括最新版本的Windows 10用户将拥有Microsoft的 包管理器Winget。但是,要确认它在系统上的存在,请在打开Powershell或CMD后键入给定的命令。

winget -v

您将在输出中看到包管理器的当前版本,确认它可供使用。

第 3 步。安装 Node.js & NPM

首先,我们需要在我们的 Windows 10 或 11 系统上安装 Node.js 及其包管理器 NPM(节点包管理器)。我们不仅需要 NPM 来安装 Angular,还需要获得构建 Web 应用程序所需的工具。

使用Winget安装带有该NPM的Nodejs将自动出现在您的系统上。在撰写本文时,Node的最新版本是20,但Angular仅支持LTS版本,因此我们将选择Node.js的18.x版本。

winget install OpenJS.NodeJS.LTS

等待几秒钟,系统会为你设置这个 JavaScript 运行时环境,

现在,关闭命令终端或PowerShell并再次打开它,以便系统可以识别Node和NPM命令工具。要检查已安装的节点和 NPM 的版本,您可以使用:

node -v
npm -v

此外,保持最新状态至关重要。您可以通过在终端中运行以下命令来更新 npm

npm install -g npm@latest
Install-Nodejs-and-NPM-on-Windows

第 4 步。在 Windows 10 或 11 上安装 Angular CLI

Windows 上的 Angular CLI(命令行界面)简化了创建、构建和部署 Angular 应用程序的过程。若要安装它,请按照下列步骤操作:

您已经拥有具有管理员权限的 Windows 命令提示符或 PowerShell。因此,只需运行以下命令即可全局安装 Angular CLI:

npm install -g @angular/cli

安装完成后,您可以通过检查 Angular CLI 版本来验证安装:

但是,在检查 Angular 的版本之前,请启用默认情况下禁用的 PowerShell 脚本的执行。没有,您将能够运行 ng 工具命令。因此,运行:

Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned

按 Y 并按 输入 键。

运行后:

ng version

您应该会看到已安装的 Angular CLI 版本。

注意:如果找不到命令,请关闭并再次打开PowerShell或CMD。

Check-Angular-Version-in-Windows-10-or-11

第5步。创建您的第一个角度项目

现在,我们已经在Windows 11或10系统上安装了Angular CLI,是时候从第一步开始了,让我们创建一个简单的Angular项目来了解它是如何工作的。

创建一个要保存 Angular 项目文件的目录,比方说 – MyApp

mkdir myapp

现在使用终端中的 cd 命令切换到此目录。

cd myapp

运行以下命令以生成新的 Angular 项目:

ng new my-first-app

将“我的第一个应用程序”替换为所需的项目名称。

Angular CLI 将提示您为项目选择一些配置选项。您现在可以通过按 Enter 键选择默认选项。

Creating-Your-First-Angular-Project

生成项目后,导航到项目文件夹:

cd my-first-app

最后,通过运行以下命令启动 Angular 开发服务器:

ng serve
start-Angular-development-server

这将编译您的 Angular 应用程序,并使其可用于 http://localhost:4200/ 预览。打开浏览器并指向它。

Installing-Angular-on-Windows-10-or-11-using-CMD

6. 卸载(可选)

如果一段时间后您想使用Powershell或CMD终端从Windows中删除Angular,那么以下是要遵循的命令:

要仅删除角度:

npm remove -g @angular/cli

要删除 Nodejs 和 NPM,请执行以下操作:

winget uninstall OpenJS.NodeJS.LTS

原创文章,作者:校长,如若转载,请注明出处:https://www.yundongfang.com/Yun252972.html

(0)
打赏 微信扫一扫不于多少! 微信扫一扫不于多少! 支付宝扫一扫礼轻情意重 支付宝扫一扫礼轻情意重
使用 Powershell 或 CMD 在 Windows 11 或 10 上安装 Azure CLI
上一篇 2023年9月8日 下午4:11
如何使用CMD或PowerShell在Windows 11或10上安装Minikube
下一篇 2023年9月8日 下午4:15

相关推荐

  • 如何修复iPhone App Store上的更新下载缓慢

    App Store 是 Apple 的独家在线市场,用于在 iPhone 或 iPad 上安装和更新应用程序。有时,在 App Store 上下载应用程序更新可能会变得非常缓慢。 …

    2024年6月13日 苹果Apple
  • iPhone中的延迟通知:修复

    您的 iPhone 收到通知时是否存在明显延迟?有些通知可能非常具有时效性,因此即使几分钟后收到通知也会破坏交易。因此,考虑到眼前的这种情况,我们设计了这些非常有用的解决方案。请按…

    2024年6月12日 苹果Apple
  • 实时活动在iPhone上不起作用:修复

    实时活动无法在iPhone上运行?实时活动非常有用,可以在 iPhone 上获取持续更新。如果实时活动功能不起作用,您将无法从任何应用程序获得实时更新。您必须打开应用程序并重复一系…

    2024年6月12日 苹果Apple
  • iPhone滞后问题:这是修复方法

    在iPhone上遇到滞后?就像其他手机一样,您有时可能会在 iPhone 上遇到抖动或滞后。但是,如果您使用哪种应用程序,iPhone开始一直滞后并显示出抖动的迹象,则不应进一步忽…

    2024年6月12日 苹果Apple
  • 您无法在 iPhone 上的 Spotify 应用程序中升级到高级版:修复

    Spotify 具有高级订阅的功能必须提供如此多的功能。但是,在将您的 Spotify 帐户升级到高级层时,此消息可能会显示“您无法在应用程序中升级到高级”消息。这是最糟糕的情况,…

    2024年6月1日 苹果Apple
  • 如何使用 Windows Phone 链接复制 Android 照片中的文本 Win 11

    如何使用 Windows Phone 链接复制 Android 照片中的文本

    Windows 上的 Phone Link 应用程序具有多项功能,可让用户连接到智能手机并访问其内容。现在,Microsoft使用新的“文本”工具更新了该应用程序,该工具也与Sni…

    2024年5月30日
  • 无法在iPhone中收到邮件错误:修复

    在iPhone上没有收到邮件?如果打开邮件应用程序时显示“无法接收邮件”消息,则邮件应用程序存在一些问题。就像“邮件”应用程序中的所有其他问题一样,有一些解决方案可以解决问题。因此…

    2024年5月29日 苹果Apple
  • iPhone上不可用的位置:修复

    假设您即将进行很久以前计划的徒步旅行,但该位置似乎停止在您的手机上工作?虽然它可能看起来不多,但错误的位置设置可能会非常成问题。从天气应用程序开始搜索您附近的餐厅,错误的位置设置可…

    2024年5月20日 苹果Apple
  • Shazam应用程序在iPhone中无法运行:修复

    iPhone 上的 Shazam 应用程序有问题?Shazam 可帮助您通过聆听歌曲找到歌曲。但是,如果 Shazam 无法正常工作或无法识别歌曲,则必须手动对其进行故障排除。修复…

    2024年5月20日 苹果Apple
  • iPhone相机不工作:这是修复程序

    iPhone上的相机是否突然停止工作?无论是软件故障还是硬件组件故障导致了相机的故障,都不要担心。这些解决方案将有助于解决 iPhone 上的相机问题。从简单的强制关闭相机应用程序…

    2024年5月4日 苹果Apple
  • iPhone相机不工作:这是修复程序

    iPhone上的相机是否突然停止工作?无论是软件故障还是硬件组件故障导致了相机的故障,都不要担心。这些解决方案将有助于解决 iPhone 上的相机问题。从简单的强制关闭相机应用程序…

    2024年5月3日 苹果Apple
  • App Store无法在iPhone上运行:如何修复

    在 iPhone 上使用 App Store 时遇到问题?对于苹果用户来说,App Store 是下载新应用程序或更新现有应用程序的唯一选择。这很严重,因为不允许在欧盟地区之外旁加…

    2024年5月3日 苹果Apple
  • 如何在 Android 上本地运行 LLM

    您可以在 PC 上本地运行各种 LLM。但是当涉及到智能手机时,选择略有限制。你必须运行一个小型语言模型,或者有一个具有足够处理能力的高级设备来处理 LLM。 无论哪种方式,都可以…

    2024年5月3日 工具软件
  • Windows 11 和 10 用户收到 Dev Home 0.13,改进了小部件和辅助功能 Win 11

    Windows 11 和 10 用户收到 Dev Home 0.13,改进了小部件和辅助功能

    Microsoft 推出了最新版本的 Dev Home 应用程序 0.13 版,针对 Windows 11 和 10 的用户。此更新引入了一系列增强功能,包括小组件改进、其他 Wi…

    2024年4月25日
  • iPhone通话直接进入语音信箱:修复 苹果Apple

    iPhone通话直接进入语音信箱:修复

    您的电话是否直接转到语音信箱而不是拨打电话?语音邮件可以节省您的一天,同时记录您无法接听的电话中的重要消息。但是,如果所有电话都没有响铃并直接进入语音信箱,那么这是一个真正的问题,…

    2024年4月19日
  • iPhone屏幕不断返回主屏幕

    每次打开特定应用程序时,您的 iPhone 屏幕是否一直返回主屏幕?这是一种异常行为,您返回主屏幕的原因是应用程序由于某种原因而崩溃。如果按照这些说明集进行故障排除,则可以更轻松地…

    2024年4月16日 苹果Apple
  • 如何将Apple Vision Pro连接到PC 苹果Apple

    如何将Apple Vision Pro连接到PC

    Apple Vision Pro 头戴式设备本身与电脑不兼容,因此您必须将其配置为连接到 Windows 电脑。 自发布以来,Apple Vision Pro 一直备受追捧,鉴于其…

    2024年4月8日
  • GoG Galaxy无法启动或连接到Steam:修复

    尝试从 GOG Galaxy 启动器启动赛博朋克 2077,但您是否收到“Steam 未连接”消息?尽管新版本的GOG Galaxy应用程序试图展示类似PS / Xbox游戏机的体…

    2024年4月1日 工具软件
  • 修复 – Microsoft Teams中的滚动条已消失

    最近在 Microsoft Teams 中遇到奇怪的问题?很少有用户求助于论坛报告其系统上的Microsoft Teams客户端的特殊问题。据他们说,团队中缺少滚动条,这使他们处于…

    2024年3月29日 工具软件
  • 3DSMax无法打开:这是修复程序

    3DSMax 是否在您的计算机上持续停止?在系统上打开 3DSMax 时遇到困难并不是什么新鲜事。通常,3DSMax 需要很长时间才能加载,这几乎是正常的。但是,如果 3DSMax…

    2024年3月29日 工具软件
  • 无法找到Java运行时错误:如何修复

    Java 运行时环境 (JRE) 由您的 Windows 11、10 计算机上的所有 Java 应用程序使用。但是,当 Java 应用程序无法检测到 JRE 时,它会显示此提示“无…

    2024年3月28日 技术教程
  • 如何使用 Authentik IDP 轻松访问您的家庭实验室 工具软件

    如何使用 Authentik IDP 轻松访问您的家庭实验室

    如何使用 Authentik IDP 轻松访问您的家庭实验室 如果您正在寻找一种简单的方法来保护您的家园、网络连接存储或类似项目。Authentik 是一个开源身份提供商 (IDP…

    2024年3月26日
  • 如何创建一个无干扰的iPhone主屏幕 工具软件

    如何创建一个无干扰的iPhone主屏幕

    如何创建一个无干扰的iPhone主屏幕 如果您想创建一个无干扰的iPhone主屏幕,。我们有一个很棒的视频,可以引导我们完成整个过程。在智能手机经常决定我们日常生活节奏和注意力的时…

    2024年3月26日
  • 在 Adobe Acrobat XI Pro 中检测到所需的应用程序错误

    Adobe 首先引入了 PDF 文档类型。因此,在使用 Adobe Reader 打开 PDF 文件时,您最不想面对的是错误提示,例如“已检测到所需的应用程序库或文件的错误&#82…

    2024年3月22日 工具软件
  • 错误代码 80180006:使用这 5 种方法修复它

    许多用户在尝试使用 Intune 设置其用户帐户时报告其电脑上80180006错误代码。 这可能是一个问题,但有几个解决方案可以帮助您解决此问题。 如何修复错误代码80180006…

    2024年3月20日 Win 11
  • 如何在 Rocky Linux 9 上安装 aaPanel

    2023年3月4日

  • 通用红包通用规则 淘宝

    通用红包通用规则 淘宝

    2022年10月25日

  • 修复 Windows 更新错误 0x80245006

    修复 Windows 更新错误 0x80245006

    2021年9月1日

  • 自媒体如何提升视频播放量?教你正确追热点!

    自媒体如何提升视频播放量?教你正确追热点!

    2017年3月21日

  • Apple 的 Studio Display 与 LG 的 UltraFine 5K 显示器对比?哪个好

    2022年3月24日

  • Vercel AI SDK 3.0:组件流式传输

    Vercel AI SDK 3.0:组件流式传输

    2024年3月4日

  • iPad 将推出14 寸加大版及加入屏幕下镜头功能

    iPad 将推出14 寸加大版及加入屏幕下镜头功能

    2022年7月14日

  • 以下是新 Mac Studio 与其他 Mac 产品线的比较

    以下是新 Mac Studio 与其他 Mac 产品线的比较

    2022年3月18日

  • 谷歌云实例被黑客入侵以挖掘加密货币

    谷歌云实例被黑客入侵以挖掘加密货币

    2021年11月27日

  • iOS 17:如何在苹果地图中下载离线地图

    iOS 17:如何在苹果地图中下载离线地图

    2023年9月12日

玻璃钢生产厂家2020上海商场美陈怀集玻璃钢造型雕塑公园玻璃钢景观雕塑定做价格镇江玻璃钢花盆圆形芜湖玻璃钢雕塑厂家电话树脂玻璃钢雕塑厂家工厂金山区拉丝玻璃钢雕塑哪家专业内蒙玻璃钢雕塑供应商南浔玻璃钢花盆花器沁阳玻璃钢雕塑定制攀枝花玻璃钢雕塑制作厂家广东酒店艺术玻璃钢雕塑大量销售上海商场创意商业美陈怎么样定安县玻璃钢雕塑厂家玻璃钢雕塑制作联系电话镇江玻璃钢仿铜雕塑厂家供应福建特色商场美陈研发商场美陈软装效果图玻璃钢雕塑近期价格南通新年商场美陈玻璃钢可乐瓶雕塑玻璃钢粉红豹雕塑厂家泉州吉林玻璃钢卡通雕塑动物定做十八罗汉玻璃钢雕塑秋季商场美陈采购贵州水果玻璃钢雕塑销售厂家大型商场美陈市场济南玻璃钢花盆订购南京设计玻璃钢雕塑方案莆田玻璃钢雕塑公司香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化