1.利用Angular CLI创建Angular脚手架工程

前端之家收集整理的这篇文章主要介绍了1.利用Angular CLI创建Angular脚手架工程前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.安装NPM@H_301_1@

1.1.安装NodeJS@H_301_1@

1.2.因为国内网络被墙,所以非常有必要安装cnpm(淘宝NPM,可以自行搜索)@H_301_1@

2.安装Angular CLI@H_301_1@

2.1.安装:@H_301_1@

cnpm install -g @angular/cli@H_301_1@

或者@H_301_1@

npm install -g @angular/cli(未安装淘宝npm的情况下)@H_301_1@

2.2.确认安装成功:@H_301_1@

ng --version@H_301_1@

正确安装的话,应该如下图所示:@H_301_1@

2.3.将npm替换为cnpm作为Angular的包管理工具,加快项目创建速度,依然是为了规避网络被墙的问题,命令如下:@H_301_1@

ng set --global packageManager=cnpm@H_301_1@

3.创建你的第一个工程@H_301_1@

3.1.当一切就绪以后,就可以创建第一个Angular工程了,命令如下:@H_301_1@

ng new my-app@H_301_1@

4.使用WebStorm&IDEA打开&运行项目@H_301_1@

4.1.选中生成的目录,直接打开即可@H_301_1@

4.2.使用IDE运行项目@H_301_1@

对于IDEA而言,可以根据如下截图操作@H_301_1@

4.3.启动项目,等待100%后,在浏览器中打开:http://127.0.0.1:4200确认是否一切OK@H_301_1@

5.创建第一个组件@H_301_1@

ng g component navbar@H_301_1@ 原文链接:https://www.f2er.com/angularjs/146944.html

猜你在找的Angularjs相关文章