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

1.设置开发环境

①是否有安装Nodejs和npm

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

②全局安装Angular CLI

npm install -g @angular/cli

使用Angular CLI创建项目

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

npm cache clean

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


③测试是否安装成功

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

使用Angular CLI创建项目

2.创建新项目

在f盘创建my-angular

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

使用Angular CLI创建项目

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

使用Angular CLI创建项目

成功后,在f盘可以看到

使用Angular CLI创建项目



3.启动开发服务器

输入命令:

cd  my-angular

ng serve//启动服务器

使用Angular CLI创建项目


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

使用Angular CLI创建项目

相关文章: