目录
百战程序员,全站22050+开发课程+文档 ,学习精选优质好课快人一步!观看视频 快捷键ALT+N

web前端全系列 教程

1839个小节阅读:2243.3k

收藏
全部开发者教程

鸿蒙应用开发

C语言快速入门

JAVA全系列 教程

面向对象的程序设计语言

Python全系列 教程

Python3.x版本,未来主流的版本

人工智能 教程

顺势而为,AI创新未来

大厂算法 教程

算法,程序员自我提升必经之路

C++ 教程

一门通用计算机编程语言

微服务 教程

目前业界流行的框架组合

web前端全系列 教程

通向WEB技术世界的钥匙

大数据全系列 教程

站在云端操控万千数据

AIGC全能工具班

A

A A

White Night

阅读(404)
赞(0)

创建Angular应用

图怪兽_8f969f3ee2518478cfe44cf5bf6408f3_84247

Angular-cli工具介绍

Angular-cli是Angular提供的一个命令行工具,它能让用户通过命令创建和管理项目,我们可以直接在命令行窗口中使用此工具。

安装 angular-cli

安装完毕后,你就可以在命令行中使用ng命令运行它了。

在命令行执行ng v有如下的显示,说明安装成功

image-20220411151708893

创建并初始化一个新的 Angular 应用程序:

切换到工作目录,并执行下面的命令

ng new <name> [options]或者ng n <name> [options]

options:

选项说明类型
--minimal创建没有任何测试框架的工作空间。boolean
--inline-style在组件 TS 文件中是否包含内联样式。
为false,将创建一个外部样式文件,并在组件 TypeScript 文件中对其进行引用;
为true则组件模板采用内联样式
别名: -s
boolean
--inline-template在组件 TS 文件中包含内联模板。
为false,将创建一个外部模板文件,并在组件 TypeScript 文件中对其进行引用。
为true,则在组件文件中书写组件模板
别名: -t
boolean
--prefix适用于初始项目的生成选择器的前缀。
别名:-p
string
--skip-install不要安装依赖包boolean
--skip-git不要初始化 git 仓库。
别名: -g
boolean

生成的项目目录结构如下:

image-20220411160310613

运行应用

访问应用

浏览器打开http://localhost:4200/

image-20220411160844347

实时效果反馈

1.执行什么命令可以创建一个Angular应用:

A ng new <name>

B ng g <name>

C ng create <name>

D ng generate <name>

2.下列描述正确的是:

A --inline-template false是不使用内联样式

B --inline-style false会默认生成一个样式文件

答案

1=>A 2=>B

 

北京市昌平区回龙观镇南店村综合商业楼2楼226室

©2014-2023 百战卓越(北京)科技有限公司 All Rights Reserved.

京ICP备14032124号-2