Ionic+Angular

 

Web框架

Ionic

下载ionic

使用命令行安装 npm

1. 安装nodejs  最后安装的目录在 C:Program Files odejs

检测node安装成功？ node -v

如果报错，是因为没有默认装在c盘 program Files下

需要配置环境变量

第一步：找到这个目录

 　　

 

第二步

 

 

Npm  node package manager 管理工具  管理模块（包）的工具

模块化的好处：解耦，降低耦合度，可以复用，提升开发效率，有助于团队开发。

如何定义模块：

1.在node中所有的模块都是文件夹。

 

如何使用模块：

1. 官方提供的直接下载https://www.npmjs.com/

Npm install 模块名  简写 npm i 模块名

下载完成之后 所有的包 都存在node_modules 文件夹下

Var j=require(“包名”);

1. 人为封装的

1.需要创建package.json文件   npm init 一路回车 需要注意的是main这个属性

 　　

 

2.定义的包不能直接用require(“包名”)用相对路径。如果非要直接用包名，需要将你的包放在node_modules文件夹下。

Ionic中app页面如果是header   content   footer

 　　

 　　

 

 

Angular

1. 单一页面应用
2. 扩展了html 指令

a) ng-app=”” 定义angular的作用范围

b）ng-model=”” 将数据绑定用应用程序中

3.ng-bind=”” 将数据绑定到html中。

4.ng-init=”” 初始化数据