Angular CLI的安装及使用

安装命令行

npm install -g @angular/cli

检查命令行

ng v

使用这个命令可以检查 angular cli是否安装成功。我检查的时候发现没有安装成功,提示我使用的node.js版本为6.9.2,不支持angular cli v6,至少需要node.js的版本在8.9以上,重新安装了最新的node.js后,angular cli才可以正常使用

创建项目

ng new app1

使用这个命令行会自动构建项目,大概需要5分钟左右的时间,流量需要大概100M左右

启动项目

cd app1

ng serve --open

启动以后,就可以访问http://localhost:4200访问项目了

创建及使用组件

ng generate component module1

或者使用简写

ng g c module1

创建完组件后,会在src/app文件夹创建一个module1的文件夹,并生成对应的文件,在module1.components.ts文件内有描述selector: 'app-module1'

那么在app.component.html文件就可以加入这么一句代码引入这个组件<app-module1></app-module1>