angularcli 第一篇(新建、组件、模块)

1、新建并启动项目:
1、安装: npminstall -g @angular/cli
2、新建: ng new mytest
3、进入项目:cd mytest
4、启动: ng serve
5、打开项目: localhost:4200
注:拿到项目之后首先要:cnpm install , 然后才运行:ng serve
(安装依赖:项目要跑起来首先要依赖一些包,cnpm install后会自动找到package.json匹配相应的包,进行下载,下载完装在node_modules里)
2、新建组件:
ng g component header
注: 只需要记得在 app.component.html 中加入 <app-header></app-header> 就可以看到header.component.html中编辑的内容。访问 http://localhost:4200/ 将会看到。
3、组件和模块介绍:
(1)根模块

(2)根组件

(3)子组件

angularcli 第一篇(新建、组件、模块)的更多相关文章
- Python开发【第一篇】Python模块中特殊变量
		
模块中特殊变量 生产环境中,常用的就是__name__和__file__ __doc__ __package__ __cached__ __name__ __file__ 一. __doc__ #获 ...
 - 2.第一篇 k8s组件版本及功能简介
		
文章转载自:https://mp.weixin.qq.com/s?__biz=MzI1MDgwNzQ1MQ==&mid=2247483772&idx=1&sn=a693d8a9 ...
 - Spring Cloud第一篇 | Spring Cloud前言及其常用组件介绍概览
		
 本文是Spring Cloud专栏的第一篇文章,了解本篇文章内容有助于更好的理解后面文章  一.网站架构演变过程 1-1.传统架构 传统的SSH架构,分为三层架构 web控制层.业务逻辑层.数 ...
 - tensorflow第一篇---numpy模块
		
写在前面: 自学tensorflow半个月,博友们给了我很多帮助,这是我第一篇原创的博文,我想把之前的知识梳理一遍,我会分享我一些在学习过程中遇到的问题,我目前只有这些......... 在介绍ten ...
 - 【MM系列】SAP MM模块-基础配置第一篇
		
公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[MM系列]SAP MM模块-基础配置第一篇 ...
 - vue基础篇---vue组件
		
vue模块第一篇,因为公司马上要用到这vue开发.早就想好好看看vue了.只有实际工作中用到才会进步最快.vue其他的简单指令就不多讲了,没啥意思,网上一大堆.看w3c就ok. 组件这个我个人感觉坑蛮 ...
 - IIS负载均衡-Application Request Route详解第一篇: ARR介绍(转载)
		
IIS负载均衡-Application Request Route详解第一篇: ARR介绍 说到负载均衡,相信大家已经不再陌生了,本系列主要介绍在IIS中可以采用的负载均衡的软件:微软的Applica ...
 - 第一篇 Replication:复制简介
		
本篇文章是SQL Server Replication系列的第一篇,详细内容请参考原文. 复制这个词来自拉丁语中的"replicare",意味着重复.Replication des ...
 - 第一篇 Integration Services:SSIS是什么
		
本篇文章是Integration Services系列的第一篇,详细内容请参考原文. Integration Services是一种在SQL Server中最受欢迎的子系统.允许你在各种数据源之间提取 ...
 
随机推荐
- 用Python实现的Internet电话软件(P2P-SIP)<开源>
			
本博客为本人学习笔记,代码出自GitHub:https://github.com/theintencity/p2p-sip 由于GitHub原著为英文,且相当的啰嗦,本文为翻译内容并去除其啰嗦的部分 ...
 - IDEA中不编译src/main/java目录下的*.xml文件
			
使用idea构建maven项目时不编译src/main/java目录下写的mapper.xml文件,这是找到pom.xml文件,在<build>节点下添加如下代码: <!-- map ...
 - python初级(302) 3 easygui简单使用二
			
一.复习 1.easygui 信息提示对话框 2.easygui 是否对话框 二.easygui其它组件 1.选择对话框:choicebox(msg, title, choices) import e ...
 - 微信小程序访问豆瓣电影api400错误解决方法
			
最近在跟着demo学习微信小程序,却卡在了第一步请求豆瓣电影api上,折腾了很久,代码如下: wx.request({ url : "https://api.douban.com/v2/mo ...
 - FineUI window弹层设置
			
需在页面先设置 <f:Window ID="Window1" runat="server" Height="600px" Widt ...
 - K8S从入门到放弃系列-(16)Kubernetes集群Prometheus-operator监控部署
			
Prometheus Operator不同于Prometheus,Prometheus Operator是 CoreOS 开源的一套用于管理在 Kubernetes 集群上的 Prometheus 控 ...
 - Java开发笔记(一百二十八)Swing的图标
			
前面提过,AWT没提供能够直接显示图像的控件,这无疑是个令人诟病的短板,因为一上来就得由程序员自己去定义新控件,对于初学者来讲很不友好.这个问题在Swing中也解决掉了,不过Swing并未提供单独的图 ...
 - Go语言( 函数)
			
函数是组织好的.可重复使用的.用于执行指定任务的代码块.本文介绍了Go语言中函数的相关内容. 函数 Go语言中支持函数.匿名函数和闭包,并且函数在Go语言中属于“一等公民”. 函数定义 Go语言中定义 ...
 - GOF 的23种JAVA常用设计模式总结 01 设计模式的概念分类和功能
			
1.简介 软件设计模式(Software Design Pattern),又称设计模式,是一套被反复使用.多数人知晓的.经过分类编目的.代码设计经验的总结.它描述了在软件设计过程中的一些不断重复发生的 ...
 - 使用Identity Server 4建立Authorization Server
			
使用Identity Server 4建立Authorization Server (6) - js(angular5) 客户端 摘要: 预备知识: http://www.cnblogs.com/cg ...