Angular CLI 工具搭建Angular开发环境搭建(CentOS 7.0)

确保你的开发环境中包括 Node.js® 和一个包管理器。

Angular 需要 Node.js 版本 10.9.0 或更高版本。

要检查你的版本,请在终端/控制台窗口中运行 node -v。

第一步:全局安装Angular CLI脚手架

输入命令:npm install -g @angular/cli

在这里插入图片描述
安装成功后,查看:ng --version

在这里插入图片描述

第二步:构建一个示例项目

输入命令:ng new my-app
在这里插入图片描述

第三步:启动

进入项目目录:cd my-app
在这里插入图片描述
注:因为本项目是在虚拟机中(centos7)运行,为了能在外部正常访问,需要对packag.json文件做一点修改。(相应的端口必须保证开启,本项目所在的虚拟机已经关闭了防火墙)
修改:如下图,在start命令后添加 “–host 0.0.0.0”;下面启动项目也是使用该命令。
在这里插入图片描述
启动项目:输入命令:yarn start
在这里插入图片描述
启动后,在外部浏览器中输入相应的IP地址(自己机器的IP)以及端口号(默认4200),可以看到如下加载页面:
在这里插入图片描述
到此,一个Angular项目已经运行起来,Angular开发环境也已经正常搭建完毕!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值