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开发环境也已经正常搭建完毕!