Angular 环境搭建 - Angular

首先，安装该IDE之前需要预先安装 node.js，若已经安装好的可以直接跳过此步骤；

检测是否安装成功，可以从终端输入 node -v 和 npm -v 查看版本信息；

若未显示当前版本而是显示 “undefined” 的字样则需要预先安装该 node.js;

安装 node.js 链接地址：node.js

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

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

npm install -g typescript

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

npm install -g @angular/cli

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

ng version

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

再其次，如上安装步骤搞定后，便可以尝试创建项目，在终端 cd 到指定预创建文件夹的目录层级下后，执行如下命令：

ng new 项目名称

执行完成如上命令行后，终端会进行项目的创建与配置，其中需要等待片刻；

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

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

ng serve

 

通过 IDE(例如：WebStorm) 打开创建的项目继续创造后续伟大的项目内容即可。

 

——————

以上便是此次分享的内容，希望能对大家有所帮助！