接触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/。
暂时先到这里,我自己项目也还没做完。