onsen-ui
onsen.io website repository https://onsen.io

onsen.io

Circle CI

This repository contains the assets in Onsen UI Website, available on http://onsen.io. Please Visit Onsen UI if you need access to the framework itself.

Installation

git clone <span class="token operator">--</span>recurse<span class="token operator">-</span>submodules git@github<span class="token punctuation">.</span>com<span class="token punctuation">:</span>OnsenUI<span class="token operator">/</span>onsen<span class="token punctuation">.</span>io<span class="token punctuation">.</span>git
cd onsen<span class="token punctuation">.</span>io
yarn global add gulp
yarn install

# Update necessary submodules
git submodule update <span class="token operator">--</span>remote dist<span class="token operator">/</span>v2<span class="token operator">/</span>OnsenUI dist<span class="token operator">/</span>playground

# Build Onsen UI
<span class="token punctuation">(</span>cd dist<span class="token operator">/</span>v2<span class="token operator">/</span>OnsenUI<span class="token operator">/</span>css<span class="token operator">-</span>components <span class="token operator">&amp;&amp;</span> yarn install<span class="token punctuation">)</span>
<span class="token punctuation">(</span>cd dist<span class="token operator">/</span>v2<span class="token operator">/</span>OnsenUI <span class="token operator">&amp;&amp;</span> yarn install <span class="token operator">&amp;&amp;</span> yarn build<span class="token punctuation">)</span>
<span class="token punctuation">(</span>cd dist<span class="token operator">/</span>v2<span class="token operator">/</span>OnsenUI<span class="token operator">/</span>bindings<span class="token operator">/</span>react <span class="token operator">&amp;&amp;</span> yarn install <span class="token operator">&amp;&amp;</span> yarn gen<span class="token operator">-</span>docs<span class="token punctuation">)</span>
JavaScript

How to Build

gulp generate <span class="token operator">--</span>lang en
gulp generate <span class="token operator">--</span>lang ja
JavaScript

Edit & Serve

gulp serve <span class="token operator">--</span>lang en
JavaScript

Translate

<span class="token number">1</span><span class="token punctuation">.</span> $ gulp i18n<span class="token operator">-</span>extract # This will generate POT files into src<span class="token operator">/</span>i18n<span class="token operator">/</span>gettext
<span class="token number">2</span><span class="token punctuation">.</span> And use PO editor to generate po files
<span class="token number">3</span><span class="token punctuation">.</span> $ gulp i18n<span class="token operator">-</span>translate # This will translate and overwrite files into src<span class="token regex">/documents_ja/</span>
JavaScript

Subscribe to the Newsletter

Get our latest news,tutorials,guides,tips & deals delivered to your inbox.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.