【Angular】常用命令

【Angular】常用命令

对于Angular项目，从创建项目开始，到中间设计到添加组件、服务、过滤器，再到最后启动程序都会需要到一些命令，以下针对近期涉及到的一些命令进行汇总，方便之后的快速上手。

创建项目文件

记得先跳转到指定目录下哟，不然就直接在C盘创建了

ng new ProjectName   //项目名称ProjectName
 

添加组件

ng g component search  //创建名为search的组件
 ng g component footer  //创建名为footer的组件
 ...
 

添加服务

ng g service shared/product  //创建shared组件，并在其下创建product组件的服务
 

效果图

生成管道

ng g pipe pipe/filter  //创建pipe组件，并在其下添加名为filter的过滤器
 

启动程序

ng serve
 

注意：如果是使用命令行工具，则需要先跳转到你创建的项目文件下，再使用命令。一般默认的网址为：http://localhost:4200/