Angular(1) - 前置任务 - 官方教程英雄指南之搭建环境 (详细解说)

关于Angular

请大家移步 https://angular.cn/ ,我这里也不做任何的对比,比如vs vue, vs react, 我们只对其功能进行描述。

关于初学者的环境搭建,这里希望大家先认真查看官方文档,再进行安装,因为这样的做法才是最省力的

前提条件,要想使用 Angular 框架,你要先熟悉下列技术:

  • Javascript
  • HTML
  • CSS

1. 安装npm 包管理器

Angular、Angular CLI 以及 Angular 应用都要依赖 npm 包来实现很多特性和功能。要下载并安装 npm 包,你需要一个 npm 包管理器。本指南使用 npm 客户端命令行界面,该界面默认安装在 Node.js。
要检查你是否安装了 npm 客户端,请在终端窗口中运行 npm -v

输入图片说明

2. 安装angular

npm install -g @angular/cli

3. 第一个angular应用,创建

ng new my-app

这里会询问一些基本问题,是否需要路由配置?需要输入y, 什么类型的样式表是您喜欢的,我选择了css,然后一路回车.

输入图片说明

4. 进入相应的文件夹,这里会提示是否分享数据给ng team, 选择了否,因为我们的数据也提交不过去,GreatWall 你懂的。

cd my-app
ng serve --open

输入图片说明

这样,我们的hello world就跑起来了。在浏览器输入网址: http://localhost:4200/

输入图片说明

posted @ 2020-08-11 10:37  三重罗生门  阅读(259)  评论(1编辑  收藏  举报