angular 前端

Angular 环境搭建

Posted on 2020-07-30,2 min read

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

20200730-091916-0806.png

安装前需要先安装 node.js

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

下载完,安装即可

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

 node -v 和 npm -v 

查看版本信息;

20200730-090325-0805.png

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

1)全局安装 typescript 终端输入如下命令行:

npm install -g typescript

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

npm install -g @angular/cli

3)校验,等待片刻待安装后,终端输入如下命令可进行验证:

ng version

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

20200730-094427-0806.png

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

ng new angularProject 

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

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

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

ng serve

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