使用Angular CLI创建项目

Angular CLI是一个命令行界面工具,它可以创建项目、添加文件以及执行一大堆开发任务,比如测试、打包和发布。

1.设置开发环境

①是否有安装Nodejs和npm

NodeJS、NPM安装配置步骤(windows版本)

②全局安装Angular CLI

npm install -g @angular/cli


注意:如果安装失败了,一定一套卸载再重新安装

npm cache clean

一定要把ng和ng.cmd也删除


③测试是否安装成功

有版本信息就说明安装成功


2.创建新项目

在f盘创建my-angular

输入命令:ng new 名字(my-angular)


这个过程可能会等一会儿(有可能很长时间,但是一定要有耐心),一直到出现下图最后二行的提示,说明整个项目的框架搭建完成


成功后,在f盘可以看到




3.启动开发服务器

输入命令:

cd  my-angular

ng serve//启动服务器



4.浏览器预览:http://localhost:4200/


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值