Ionic 是一个用HTML, CSS 跟JS 开发的一个用于移动设备的web app 开发框架,采用 Sass与AngularJS 开发。
windows环境配置：
1.安装nodejs，上篇文章有介绍。
2.安装cordova和ionic
cmd： npm install -g cordova ionic
3：新建项目：ionic start testapp blank
ionic start testapp blank
ionic start testapp tabs
ionic start testapp sidemenu
上面3个命令是并行的，执行一个就可以。Inoic提供了几个不同的模板为项目初始化用，你可以根据需求选择，它会在当前命令目录下创建testApp文件，并将对应代码Download到文件夹中。
:
官网上介绍的：就可以直接运行了
但是如果要在虚拟机上看到效果还需要一些配置一个android开发环境或者Xcode。
所以为了方便，直接在浏览中浏览。因为是web项目，所以浏览器更能理解。
我们通过gulp来配置web项目。
安装：gulp也是基于nodejs的，所以
cd demoapp
npm install -g gulp
npm install 如果想要在编辑项目的工程中，同步自动刷新页面，我们还需要npm install gulp-connect.现在我们看到demoapp项目中，有一个gulpfile.js文件，这是gulp的配置文件，我们现在只要对它进行一下配置就可以运行项目了，代码如下
:
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']);
配置完之后运行：
gulp
就能看到以下截图
ionic---手机移动Webapp框架，环境配置 这就代表你已经成功运行起来了。
在浏览器中输入：http://localhost:8080就能看到效果了！
貌似IE浏览器支持不是很好，所以建议火狐或者Google浏览器更合适。
借鉴出处：http://my.oschina.net/blogshi/blog/261012
http://www.zhouwenbin.com/