angular快速学习-1

接触Angular
刚来实习的一天,给我分配的任务,让我先学习前端页面,之前也没听过Angular,也是第一次接触,我也是跟着教程走的。
工具
node.js,npm管理工具。
可以直接下载node.js,安装之后会默认帮你安装npm管理工具。具体安装流程百度就有。
安装Angular Cli
首先在你的Cmd命令(’win+r’输入cmd运行即可)里面全局安装Angular Cli

npm install -g @angular/cli

创建工作区和初始应用
这里选择自己要创建的目录,默认是C盘,在C盘的桌面创建之后并不会显示项目,我也不太清楚是怎么回事。当时找了好久,也没找到,之后又在E盘创建了一个angular的根目录,然后在进行创建。
具体在Cmd里面如何进入其他盘文件夹的命令如下

E:
cd angular

接下来就开始创建项目

ng new angular-tour-of-heroes

我这里是跟着教程在做,创建一个英雄指南的项目。
当你输入代码后会提示你创建的项目中包含哪些特性,直接按回车键默认接受即可。

启动服务器
首先需要先进入你的工作目录,然后在启动。
继续在Cmd里面输入

cd angular-tour-of-heroes
ng serve --open

ng serve 命令会构建本应用、启动开发服务器、监听源文件,并且当那些文件发生变化时重新构建本应用。

–open 标志会打开浏览器,并访问 http://localhost:4200/。

暂时先到这里,我自己项目也还没做完。

猜你喜欢

转载自blog.csdn.net/qq_36676682/article/details/88218207