ionic,Angular 开发实践

时间:2023-03-09 19:23:40
ionic,Angular 开发实践

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,Angular 开发实践

    这是会克隆创建一个ionic项目到ionicPro 项目名称下,文件结构如下所示:

    ionic,Angular 开发实践

    其中: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/