angular开发环境搭建

 npm install –g @angular/cli  搭建angular脚手架   ，只需安装一次

ng new angulardemo01  创建angular项目

cd angulardemo01   //如果此时依赖已经被安装，则直接执行下一步命令，否则执行 npm install

ng serve --open  // 编译项目

 

 

angular定义组件的方式

在项目根目录下，定义组件：ng g component component/home    这样会在app目录下定义处component文件夹，并在下面创建出home组件，同时在app.module下会自动注册

 

此时selector这里就是我们调用所需要的组件名

 

 调用的方式