Tutorial

安装

1. 安装node.js

   packages/node-v0.10.29-x64.msi

2. 安装cordova和ionic

   $ npm install -g cordova ionic

3. 新建项目

   $ ionic start myApp tabs

4. 安装gulp

   cd myApp

   npm install -g gulp

   npm install

   gulp

5. web服务器，并且配置自动刷新livereload

   npm install gulp-connect

6. 修改gulpfile.js文件:

   var gulp = require('gulp');
   var concat = require('gulp-concat');
   var sass = require('gulp-sass');
   var minifyCss = require('gulp-minify-css');
   var rename = require('gulp-rename');
   var connect = require('gulp-connect');
   
   var paths = {
     sass: ['./scss/**/*.scss']
   };
   
   gulp.task('sass', function(done) {
     gulp.src('./scss/ionic.app.scss')
       .pipe(sass())
       .pipe(gulp.dest('./www/css/'))
       .pipe(minifyCss({
         keepSpecialComments: 0
       }))
       .pipe(rename({ extname: '.min.css' }))
       .pipe(gulp.dest('./www/css/'))
       .on('end', done);
   });
   
   gulp.task('watch', function() {
     gulp.watch(paths.sass, ['sass']);
     gulp.watch(['./www/*.html'], ['html']);
   });
   
   gulp.task('connect', function() {
     connect.server({
       root: 'www',
       livereload: true
     });
   });
   
   gulp.task('html', function () {
     gulp.src('./www/*.html')
       .pipe(connect.reload());
   });
   
   gulp.task('default', ['connect','sass','watch']);
   

7. 命令行输入：gulp，在浏览器中http://localhost:8080/www/观看效果

8. 安装jdk，并配置环境变量，JAVA_HOME

9. 下载android sdk，ANDROID_HOME, PATH=platform-tools;tools

10. 下载ant，并配置环境变量, ANT_HOME, PATH=%ANT_HOME%bin