angularjs2环境搭建

来源:互联网 发布:olap 大数据 实现方案 编辑:程序博客网 时间:2024/06/05 18:41

 

1.环境搭建

项目依赖,首先安装nodejs

node

npm安装淘宝镜像,为了更快的下载安装相关组件

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装@angular/cli客户端依赖

cnpm install -g @angular/cli

清除缓存:一般启动项目加载很慢的时候

npm/cnpm cache clean

2.新建项目

创建一个项目

ng new myProject

安装node_modules依赖包

npm install/cnpm install

创建组件

ng generate component my-comp 可缩小:ng g c 需要创建的文件名这里是my-comp 注:进入当前项目路径对应的文件才可以,自动化创建组件

3.运行项目

ng serve(--port 端口号) 一般在,启动项目时可以看到 或start npm启动

4.

9个主要构造块,angular组成部分

1)模块

2)组件

3)模板

4)元数据

5)数据绑定

差值表达式{{}}、属性绑定[]、事件绑定(click)、双向数据绑定[(ngModel)]

6)指令 结构性指令【内置】:*ngIf *ngFor *ngSwich 属性指令:双向绑定 

7)服务

8)依赖注入

(9)管道

5、打包发布

npm/cnpm run build

6、杀adb进程方法

adb kill-server

原创粉丝点击