一、环境搭建:
node、npm以及@angular/cli(不建议使用cnpm)
1).node安装:
查看node以及npm(npm是随着node自动安装的,一般来说node安装成功,npm也随着node安装成功)是否安装成功:
通过命令 node -v 查看版本号,我这里的是8.9.3
通过命令 npm-v 查看版本号,我这里的是5.6.0
2).@angular/cli安装(@angular/cli是命令行工具,可以在命令行中使用):
安装方式:
npm install -g @angular/cli (普通安装)
npm install -g @angular/cli@版本号 (固定版本安装)
如果npm安装@angular/cli出错,请建议使用cnpm。
如果需要卸载@angular/cli:
npm uninstall -g @angular/cli
查看@angular/cli是否安装成功:
如果出现这样的情况,就代表安装成功了。现在我的@angulr/cli的版本是1.7.3,node的版本是8.9.3
二、创建项目:
ng new 项目名称
我在我的F盘中创建了一个名为angularDemo的新项目
*注意:一定要在不是项目的文件夹中建立项目,如果我现在在F:/angularDemo文件夹下建立项目,就会报一下错误,。
三、启动项目:
ng serve
*注意:这里必须通过cd命令进入项目以后,再去启动服务,不然它会报如下错误:
正确的项目启动方式:
,回车,就会看到项目正在启动
如果底部出现如下样子,证明启动成功:
然后在打开浏览器,输入 localhost:4200 (4200是服务启动以后,angualr的默认端口)。
服务启动成功。
结尾: 希望这篇文章能够给你带来一些进步,让我们一起努力,在入坑的路上越走越远吧!