Angular学习笔记(三)搭建项目基础

一、Angular程序架构的基础

Angular学习笔记(三)搭建项目基础_第1张图片
Angular程序架构.png

二、搭建Angular开发环境

1. 安装Nodejs,Angular,编辑器
2. 使用Angular-Cli创建并运行Angular项目
3. 分析Angular项目的目录结构及Angular-Cli生成的基础代码
Angular学习笔记(三)搭建项目基础_第2张图片
Angular项目分析.png

三、启动Angular项目

1. 使用npm install安装packge.json文件中的依赖(你也可以使用cnpm或者yarn工具安装)
2. 使用ng serve命令来启动Angular项目
3. 浏览器打开localhost:4200路径来访问项目
4. 你可以使用ng g component xxx命令来创建组件、ng m component xxx命令来创建模板

你可能感兴趣的:(Angular学习笔记(三)搭建项目基础)