Angular基础

// 创建模块
ng g m module-name --routing

创建组件：先切换到模块文件夹（cd module-name），然后创建组件ng g c com-name npm i -g 

		                

创建模块：ng g m module-name --routing

创建组件：先切换到模块文件夹（cd module-name），然后创建组件ng g c com-name 

一、安装 angular-cli

npm i -g @angular/cli		// 安装 angular
ng v		                // 查看 angular 版本

eg：

 二、创建项目

// angular-cli
ng new 项目名称		                // 创建项目
ng new 项目名称 --skip-install		// 跳过 npm i 操作
// --skip-install 跳过安装依赖的一个过程，因为脚手架自动去安装比较慢，而且有可能失败，可以去手动指定 npm i 指令进行安装

ng serve --open		// 运行项目		默认端口 4300

eg：

三、 安装依赖

进入到新建的项目目录中，执行cnpm i 安装依赖，如果cnpm i无法执行 自行百度cnpm的安装！

cnpm i

eg：

 四、启动项目

ng serve --open

eg：

 五、启动成功页面

eg：

六、模块介绍

直接上插图

七、创建模块、组件（创建一个新闻模块）

 注意：如果不创建模块，直接创建组件，那么angular会自动把你创建的组件引入根模块，并且加入到@NgModule里，不需要手动在根模块中引入。