1.实践参考 http://www.jianshu.com/p/ea0dcf1d31c9 原文思路搭建
2. 环境搭建步骤 :
a. 安装node
b.安装 cordova sudo npm install -g cordova ionic
c.创建项目模板:
ionic start myApp blank 创建一个空白的app项目
ionic start myApp tabs 创建一个带有tabs项目
ionic start myApp sidemenu 创建一个带有滑动的项目
我创建的是一个带tabs的项目:
命令窗口打开到项目文件夹下:运行 ionic start ionicPro tabs (创建一个项目名称为 ionicPro,自带底部tabs的项目)
这是会克隆创建一个ionic项目到ionicPro 项目名称下,文件结构如下所示:
其中:node_modules 管理模块的 ( 也可以使用 npm install 安装模块) http://www.ruanyifeng.com/blog/2016/01/npm-install.html
bower.json 插件配置
package.json 配置整个项目的所需要的模块信息,包括模块名称,版本,许可证等数据 http://javascript.ruanyifeng.com/nodejs/packagejson.html
gulpfile.js gulp自动化构建工具配置,比如需要讲.sass文件实时自动编译成.css文件,运行命令行gulp start 自动启动项目,自动压缩css,js文件到指定目录等等 http://www.gulpjs.com.cn/