Angular 环境搭建

适用于Angular4.x、Angular5.x、Angular6.x、Angular7.x、Angular8.x、Angular9.x、Angular10.x，截止目前Angular最新版本

安装前需要先安装 node.js

下载 node.js 链接地址：http://nodejs.cn/download/

下载完，安装即可

检测是否安装成功，可以从终端输入

 node -v 和 npm -v 

查看版本信息；

其次，已安装 node.js 后便可以继续安装 angular cli 脚手架，具体命令行如下所示：

1）全局安装 typescript 终端输入如下命令行：

npm install -g typescript

2）全局安装 angular cli 终端输入如下命令行：

npm install -g @angular/cli

3）校验，等待片刻待安装后，终端输入如下命令可进行验证：

ng version

此时若终端成功显示版本信息内容即安装成功，如下图所示：

安装完Angular后，便可以创建项目，在终端 cd 到指定预创建文件夹的目录层级下后，执行命令：

ng new angularProject 

执行完成如上命令行后，终端会创建一个名为Angularproject的项目，其中需要等待片刻；

注：其中首次终端可能会提示两个指令问题，第一个回复"y"，第二个箭头选择第一项 CSS 回车即可；

最后，当项目创建完成后，终端 cd 到刚创建项目的目录层级下执行如下命令启动服务验证，若能成功访问终端内显示的地址即大功告成。

ng serve

下一篇： 开源跨平台软件→