使用Angular CLI创建项目

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

1.设置开发环境

①是否有安装Nodejs和npm

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

②全局安装Angular CLI

npm install -g @angular/cli

使用Angular CLI创建项目_第1张图片

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

npm cache clean

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


③测试是否安装成功

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

使用Angular CLI创建项目_第2张图片

2.创建新项目

在f盘创建my-angular

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

使用Angular CLI创建项目_第3张图片

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

使用Angular CLI创建项目_第4张图片

成功后,在f盘可以看到

使用Angular CLI创建项目_第5张图片



3.启动开发服务器

输入命令:

cd  my-angular

ng serve//启动服务器

使用Angular CLI创建项目_第6张图片


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

使用Angular CLI创建项目_第7张图片

你可能感兴趣的:(AngularJs)