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
阅读全文
0 0
- angularJS2开发环境搭建
- AngularJS2+Eclipse环境搭建
- angularjs2环境搭建
- WebStorm+AngularJS2开发环境搭建测试
- angularjs2 学习笔记(一) 开发环境搭建 (vs2013)
- AngularJS2 JavaScript环境配置
- AngularJS2 TypeScript环境配置
- AngularJS2环境配置
- AngularJS2环境配置
- Fedora安装AngularJs2编程环境
- 打造AngularJs2.0开发环境
- 打造AngularJs2.0开发环境
- angularjs2 for Mac环境安装
- AngularJS2
- Angularjs2
- angularjs2
- 构筑AngularJS2+Eclipse的开发环境
- AngularJS2——使用Angular Cli 快速搭建工程
- 动态数据源测试数据库连接问题
- jquery $.ajax $.get $.post的区别
- java 字节运算常见错误
- 2017.11.22笔记
- CRF简单随机场
- angularjs2环境搭建
- 助你快速踏入高薪职场——2017面试集锦之EJB
- Woocomerce接入支付宝支付功能(一)——创建应用以及请求支付
- 1.小简称
- pg数据库查询重复数据并可识别空数据列重复(二)--优化
- 使用ArrayList集合,对其添加100个不同的元素
- CSS
- mysql视图的简单介绍
- 文件上传漏洞