欢迎光临散文网 会员登陆 & 注册

Angular前端框架学习——day02

2022-09-09 20:26 作者:朵宝特工007  | 我要投稿

注:以下学习笔记均来源于Angular官方文档。

习Angular之前应该具备HTML、CSS、JavaScript和最新标准的一些知识,比如类和模块。Angular是基于TypeScript语法进行开发的,所以最好了解TypeScript的基础语法,比如TypeScript的基础类型。

一、环境搭建

  • 前置环境

    • Node.js。

    • npm包管理工具。

  • 安装Angular CLI

    • 打开终端或控制台窗口,输入命令:

  • 创建工作区和初始应用

    • 运行CLI命令ng new并提供my-app名称作为参数,如下所示:

  • ng new命令会提示你提供要把哪些特性包含在初始应用中。按Enter或Return键可以接受默认值。

项目目录结构
  • 运行应用

    • 导航到workspace文件夹,比如my-app。

    • 运行下列命令:


ng serve命令会启动开发服务器、监视文件,并在这些文件发生更改时重建应用。

--open(或者只用-o缩写)选项会自动打开你的浏览器,并访问http://localhost:4200/。 

安装和环境搭建成功界面


二、试着跑一下英雄之旅


Angular前端框架学习——day02的评论 (共 条)

分享到微博请遵守国家法律