Angular 001 第一个 Angular App

Posted 2021-04-26 编程101

小编說

学无止境，让我们再次出发！

1 第一步需要安装最新的node. node 是一个不需要浏览器就可以执行javascipt code 环境.node提供了一些工具帮助我们编译 Angular 项目.

访问:nodejs.org 下载并安装.

1.1 安装完成后打开(win+r)命令行窗口 输入 node --version 查看node版本

1.2 使用npm(Node Package Manager) 安装第三方工具

1.2.1 安装Angular CLI(Command-line Interface) 并检查版本

2 使用angular cli 创建hello-world项目

3项目创建好了以后我们需要一个编辑器来,编辑项目我这边推荐使用 vs code(自行下载哦)

https://code.visualstudio.com/

3.1 在vscode中打开已创建好的hello-world 项目

3.1.1 文件->打开文件夹

3.1.2 选择hello-world 文件夹

3.1.3 查看项目结构

3.2 测试项目是否可用

3.2.1 在vscode 中打开命令行窗口(ctrl+`) 或者 查看->集成终端

3.2.2 加载helllo-world 项目到 web server

3.2.3 浏览器访问被加载的hello-world 项目

这就是我们创建的第一个 angular 的项目了, 下一章节我开始具体介绍 项目结构和一些简单的修改.