• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

MaksimAbramchuk/ionic-gulp-es6-starter-kit: Simple boilerplate for building Ioni ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

MaksimAbramchuk/ionic-gulp-es6-starter-kit

开源软件地址(OpenSource Url):

https://github.com/MaksimAbramchuk/ionic-gulp-es6-starter-kit

开源编程语言(OpenSource Language):

JavaScript 83.7%

开源软件介绍(OpenSource Introduction):

#Ionic Gulp boilerplate Ionic application boilerplate for Gulp and ES6

Ionic and Angular

##Features

  • ES6 instead of ES5
  • SCSS instead of CSS
  • Automatic compilation
  • Livereload
  • Development build with source maps
  • Automatic bower components injection
  • Automatic scripts and stylesheets injection

##Usage

##Installation process

For the first you need to install Node packages by running:

npm install

after that install bower components by running

bower install

Both bower and npm must be installed globally at your local machine.

You are ready to start the server.

###Running the App during Development This command automatically compiles ES6 to ES5, scss, injects bower components, generates source maps, starts livereload server and opens your app in the browser.

gulp serve

###Mobile app When your app is interesting enough to be tested on mobile device, create a build.

Don't forget to compile from sources:

gulp

And then we can create the build for iOS:

ionic build ios

and even test it, if you use OS X:

ionic emulate ios

More info about builds, including Android, can be found in Ionic tutorial.

One more interesting feature Ionic has: Ionic View. It's amazing thing and I recommend you to try it - pretty simple to use and saves tones of time for debug and testing on real devices. To start, just run:

ionic upload

##Directory layout

Source

angular-gulp-ionic-boilerplate
└── src
    ├── app                  # application folder
    │   ├── components       # components folder
    │   ├── locations        # locations folder
    │   ├── index.config.js  # config file
    │   ├── index.module.js  # main angular module
    │   ├── index.route.js   # ui router config
    │   ├── index.run.js     # file with run loop
    │   └── index.scss       # main scss file
    └── assets               # assets folder
        ├── images           # images folder
        ├── favicon.ico      # favicon
        └── index.html       # main page which will be rendered to a client

##Build pack

Ionic Angular Gulp Babel SCSS




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap