\documentclass[10pt,a4paper]{article}

% Packages
\usepackage{fancyhdr}           % For header and footer
\usepackage{multicol}           % Allows multicols in tables
\usepackage{tabularx}           % Intelligent column widths
\usepackage{tabulary}           % Used in header and footer
\usepackage{hhline}             % Border under tables
\usepackage{graphicx}           % For images
\usepackage{xcolor}             % For hex colours
%\usepackage[utf8x]{inputenc}    % For unicode character support
\usepackage[T1]{fontenc}        % Without this we get weird character replacements
\usepackage{colortbl}           % For coloured tables
\usepackage{setspace}           % For line height
\usepackage{lastpage}           % Needed for total page number
\usepackage{seqsplit}           % Splits long words.
%\usepackage{opensans}          % Can't make this work so far. Shame. Would be lovely.
\usepackage[normalem]{ulem}     % For underlining links
% Most of the following are not required for the majority
% of cheat sheets but are needed for some symbol support.
\usepackage{amsmath}            % Symbols
\usepackage{MnSymbol}           % Symbols
\usepackage{wasysym}            % Symbols
%\usepackage[english,german,french,spanish,italian]{babel}              % Languages

% Document Info
\author{JavaVolker}
\pdfinfo{
  /Title (ionic-2.pdf)
  /Creator (Cheatography)
  /Author (JavaVolker)
  /Subject (ionic 2 Cheat Sheet)
}

% Lengths and widths
\addtolength{\textwidth}{6cm}
\addtolength{\textheight}{-1cm}
\addtolength{\hoffset}{-3cm}
\addtolength{\voffset}{-2cm}
\setlength{\tabcolsep}{0.2cm} % Space between columns
\setlength{\headsep}{-12pt} % Reduce space between header and content
\setlength{\headheight}{85pt} % If less, LaTeX automatically increases it
\renewcommand{\footrulewidth}{0pt} % Remove footer line
\renewcommand{\headrulewidth}{0pt} % Remove header line
\renewcommand{\seqinsert}{\ifmmode\allowbreak\else\-\fi} % Hyphens in seqsplit
% This two commands together give roughly
% the right line height in the tables
\renewcommand{\arraystretch}{1.3}
\onehalfspacing

% Commands
\newcommand{\SetRowColor}[1]{\noalign{\gdef\RowColorName{#1}}\rowcolor{\RowColorName}} % Shortcut for row colour
\newcommand{\mymulticolumn}[3]{\multicolumn{#1}{>{\columncolor{\RowColorName}}#2}{#3}} % For coloured multi-cols
\newcolumntype{x}[1]{>{\raggedright}p{#1}} % New column types for ragged-right paragraph columns
\newcommand{\tn}{\tabularnewline} % Required as custom column type in use

% Font and Colours
\definecolor{HeadBackground}{HTML}{333333}
\definecolor{FootBackground}{HTML}{666666}
\definecolor{TextColor}{HTML}{333333}
\definecolor{DarkBackground}{HTML}{A3A3A3}
\definecolor{LightBackground}{HTML}{F3F3F3}
\renewcommand{\familydefault}{\sfdefault}
\color{TextColor}

% Header and Footer
\pagestyle{fancy}
\fancyhead{} % Set header to blank
\fancyfoot{} % Set footer to blank
\fancyhead[L]{
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{C}
    \SetRowColor{DarkBackground}
    \vspace{-7pt}
    {\parbox{\dimexpr\textwidth-2\fboxsep\relax}{\noindent
        \hspace*{-6pt}\includegraphics[width=5.8cm]{/web/www.cheatography.com/public/images/cheatography_logo.pdf}}
    }
\end{tabulary}
\columnbreak
\begin{tabulary}{11cm}{L}
    \vspace{-2pt}\large{\bf{\textcolor{DarkBackground}{\textrm{ionic 2 Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{JavaVolker} via \textcolor{DarkBackground}{\uline{cheatography.com/25591/cs/10518/}}}
\end{tabulary}
\end{multicols}}

\fancyfoot[L]{ \footnotesize
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{LL}
  \SetRowColor{FootBackground}
  \mymulticolumn{2}{p{5.377cm}}{\bf\textcolor{white}{Cheatographer}}  \\
  \vspace{-2pt}JavaVolker \\
  \uline{cheatography.com/javavolker} \\
  \end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Cheat Sheet}}  \\
   \vspace{-2pt}Published 24th January, 2017.\\
   Updated 13th January, 2017.\\
   Page {\thepage} of \pageref{LastPage}.
\end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Sponsor}}  \\
  \SetRowColor{white}
  \vspace{-5pt}
  %\includegraphics[width=48px,height=48px]{dave.jpeg}
  Measure your website readability!\\
  www.readability-score.com
\end{tabulary}
\end{multicols}}




\begin{document}
\raggedright
\raggedcolumns

% Set font size to small. Switch to any value
% from this page to resize cheat sheet text:
% www.emerson.emory.edu/services/latex/latex_169.html
\footnotesize % Small font.

\begin{multicols*}{3}

\begin{tabularx}{5.377cm}{x{2.23965 cm} x{2.73735 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Create Project}}  \tn
% Row 0
\SetRowColor{LightBackground}
start {[}options{]} \textless{}PATH\textgreater{} {[}template{]} & Starts a new Ionic project in the specified PATH                                                  {[}options{]} any flags for the command                                                  \textless{}PATH\textgreater{} directory for the new project                                                  {[}template{]} Starter templates can either come from a named template,                                                             (ex: tabs, sidemenu, blank),                                                             a Github repo, a Codepen url, or a local directory.                                                             Codepen url, ex: \seqsplit{http://codepen.io/ionic/pen/odqCz}                                                             Defaults to Ionic "tabs" starter template \tn 
% Row Count 35 (+ 35)
% Row 1
\SetRowColor{white}
{[}-{}-appname|-a{]} & Human readable name for the app (Use quotes around the name) \tn 
% Row Count 38 (+ 3)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{5.377cm}{x{2.23965 cm} x{2.73735 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Create Project (cont)}}  \tn
% Row 2
\SetRowColor{LightBackground}
{[}-{}-id|-i{]} & Package name for \textless{}widget id\textgreater{} config, ex: com.mycompany.myapp \tn 
% Row Count 3 (+ 3)
% Row 3
\SetRowColor{white}
{[}-{}-skip-npm{]} & Skip npm package installation \tn 
% Row Count 5 (+ 2)
% Row 4
\SetRowColor{LightBackground}
{[}-{}-no-cordova|-w{]} & Create a basic structure without Cordova requirements \tn 
% Row Count 8 (+ 3)
% Row 5
\SetRowColor{white}
{[}-{}-sass|-s{]} & Setup the project to use Sass CSS precompiling \tn 
% Row Count 11 (+ 3)
% Row 6
\SetRowColor{LightBackground}
{[}-{}-list|-l{]} & List starter templates available \tn 
% Row Count 13 (+ 2)
% Row 7
\SetRowColor{white}
{[}-{}-io-app-id{]} & The Ionic.io app ID to use \tn 
% Row Count 15 (+ 2)
% Row 8
\SetRowColor{LightBackground}
{[}-{}-template|-t{]} & Project starter template \tn 
% Row Count 17 (+ 2)
% Row 9
\SetRowColor{white}
{[}-{}-v2|-v{]} & Start a Ionic v2 project \tn 
% Row Count 19 (+ 2)
% Row 10
\SetRowColor{LightBackground}
{[}-{}-zip-file|-z{]} & URL to download zipfile for starter template \tn 
% Row Count 21 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.74195 cm} x{3.23505 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Local Dev-Server}}  \tn
% Row 0
\SetRowColor{LightBackground}
serve {[}options{]} & Start a local development server for app dev/testing \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
{[}-{}-consolelogs|-c{]} & Print app console logs to Ionic CLI \tn 
% Row Count 4 (+ 2)
% Row 2
\SetRowColor{LightBackground}
{[}-{}-serverlogs|-s{]} & Print dev server logs to Ionic CLI \tn 
% Row Count 6 (+ 2)
% Row 3
\SetRowColor{white}
{[}-{}-port|-p{]} & Dev server HTTP port (8100 default) \tn 
% Row Count 8 (+ 2)
% Row 4
\SetRowColor{LightBackground}
{[}-{}-livereload-port|-r{]} & Live Reload port (35729 default) \tn 
% Row Count 10 (+ 2)
% Row 5
\SetRowColor{white}
{[}-{}-nobrowser|-b{]} & Disable launching a browser \tn 
% Row Count 12 (+ 2)
% Row 6
\SetRowColor{LightBackground}
{[}-{}-nolivereload|-d{]} & Do not start live reload \tn 
% Row Count 14 (+ 2)
% Row 7
\SetRowColor{white}
{[}-{}-noproxy|-x{]} & Do not add proxies \tn 
% Row Count 15 (+ 1)
% Row 8
\SetRowColor{LightBackground}
{[}-{}-address{]} & Use specific address or return with failure \tn 
% Row Count 17 (+ 2)
% Row 9
\SetRowColor{white}
{[}-{}-all|-a{]} & Have the server listen on all addresses (0.0.0.0) \tn 
% Row Count 19 (+ 2)
% Row 10
\SetRowColor{LightBackground}
{[}-{}-browser|-w{]} & Specifies the browser to use (safari, firefox, chrome) \tn 
% Row Count 22 (+ 3)
% Row 11
\SetRowColor{white}
{[}-{}-browseroption|-o{]} & Specifies a path to open to (/\#/tab/dash) \tn 
% Row Count 24 (+ 2)
% Row 12
\SetRowColor{LightBackground}
{[}-{}-lab|-l{]} & Test your apps on multiple screen sizes and platform types \tn 
% Row Count 27 (+ 3)
% Row 13
\SetRowColor{white}
{[}-{}-nogulp{]} & Disable running gulp during serve \tn 
% Row Count 29 (+ 2)
% Row 14
\SetRowColor{LightBackground}
{[}-{}-platform|-t{]} & Start serve with a specific platform (ios/android) \tn 
% Row Count 31 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.14471 cm} x{3.83229 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Linking App-ID to Project}}  \tn
% Row 0
\SetRowColor{LightBackground}
link {[}appId{]} & Sets your Ionic App ID for your project                                                  {[}appId{]} The app ID you wish to set for this project \tn 
% Row Count 5 (+ 5)
% Row 1
\SetRowColor{white}
{[}-{}-reset|-r{]} & This will reset the Ionic App ID \tn 
% Row Count 7 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{2.33919 cm} x{2.63781 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Misc. Ionic Commands}}  \tn
% Row 0
\SetRowColor{LightBackground}
list & List Ions, bower components, or addons in the project \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
info & List information about the users runtime environment \tn 
% Row Count 6 (+ 3)
% Row 2
\SetRowColor{LightBackground}
help {[}command{]} & Provides help for a certain command                                                  {[}command{]} The command you desire help with \tn 
% Row Count 13 (+ 7)
% Row 3
\SetRowColor{white}
hooks {[}add|remove|permissions|perm{]} & Manage your Ionic Cordova hooks                                                  {[}add|remove|permissions|perm{]} Add, remove, or modify permissions on the default Ionic Cordova hooks \tn 
% Row Count 22 (+ 9)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.24425 cm} x{3.73275 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Adding Stuff}}  \tn
% Row 0
\SetRowColor{LightBackground}
add {[}name{]} & Add an Ion, bower component, or addon to the project                                                  {[}name{]} The name of the ion, bower component, or addon you wish to install \tn 
% Row Count 6 (+ 6)
% Row 1
\SetRowColor{white}
remove {[}name{]} & Remove an Ion, bower component, or addon from the project                                                  {[}name{]} The name of the Ion, bower component, or addon you wish to remove \tn 
% Row Count 12 (+ 6)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.9908 cm} x{2.9862 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Package}}  \tn
% Row 0
\SetRowColor{LightBackground}
package \textless{}command\textgreater{} {[}options{]} & Use Ionic Package to build your app                                                  \textless{}command\textgreater{} build android, build ios, list, info, or download \tn 
% Row Count 6 (+ 6)
% Row 1
\SetRowColor{white}
{[}-{}-release{]} & (build \textless{}platform\textgreater{}) Mark this build as a release \tn 
% Row Count 8 (+ 2)
% Row 2
\SetRowColor{LightBackground}
{[}-{}-profile|-p \textless{}tag\textgreater{}{]} & (build \textless{}platform\textgreater{}) Specify the Security Profile to use with this build \tn 
% Row Count 11 (+ 3)
% Row 3
\SetRowColor{white}
{[}-{}-noresources{]} & (build \textless{}platform\textgreater{}) Do not generate icon and splash screen resources during this build \tn 
% Row Count 15 (+ 4)
% Row 4
\SetRowColor{LightBackground}
{[}-{}-destination|-d \textless{}path\textgreater{}{]} & (download) Specify the destination directory to download your packaged app. \tn 
% Row Count 19 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.14471 cm} x{3.83229 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Ionic Cloud}}  \tn
% Row 0
\SetRowColor{LightBackground}
io \textless{}command\textgreater{} & Integrate your app with Ionic Cloud services                                                  \textless{}command\textgreater{} init \tn 
% Row Count 4 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.14471 cm} x{3.83229 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Project Setup}}  \tn
% Row 0
\SetRowColor{LightBackground}
setup {[}sass{]} & Configure the project with a build tool (beta)                                                  {[}sass{]} Setup the project to use Sass CSS precompiling \tn 
% Row Count 5 (+ 5)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.4931 cm} x{3.4839 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Scaffolding}}  \tn
% Row 0
\SetRowColor{LightBackground}
generate & Generate pages and components \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
{[}-{}-list{]} & List available generators \tn 
% Row Count 3 (+ 1)
% Row 2
\SetRowColor{LightBackground}
{[}-{}-includeSpec{]} & Create test spec basic to pages, components, directives, pipes and providers \tn 
% Row Count 6 (+ 3)
% Row 3
\SetRowColor{white}
{[}-{}-skipScss{]} & Not create scss for components and pages \tn 
% Row Count 8 (+ 2)
% Row 4
\SetRowColor{LightBackground}
{[}-{}-componentsDir{]} & Path directory target is created component \tn 
% Row Count 10 (+ 2)
% Row 5
\SetRowColor{white}
{[}-{}-directivesDir{]} & Path directory target is created directive \tn 
% Row Count 12 (+ 2)
% Row 6
\SetRowColor{LightBackground}
{[}-{}-pagesDir{]} & Path directory target is created page \tn 
% Row Count 14 (+ 2)
% Row 7
\SetRowColor{white}
{[}-{}-pipesDir{]} & Path directory target is created pipe \tn 
% Row Count 16 (+ 2)
% Row 8
\SetRowColor{LightBackground}
{[}-{}-providersDir{]} & Path directory target is created provider \tn 
% Row Count 18 (+ 2)
% Row 9
\SetRowColor{white}
{[}-{}-templateDir{]} & Path directory templates custom to pages, components, directives, pipes and providers \tn 
% Row Count 22 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{2.09034 cm} x{2.88666 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Platform Stuff}}  \tn
% Row 0
\SetRowColor{LightBackground}
platform \textless{}PLATFORM\textgreater{} {[}options{]} & Add platform target for building an Ionic app \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
{[}-{}-noresources|-r{]} & Do not add default Ionic icons and splash screen resources \tn 
% Row Count 5 (+ 3)
% Row 2
\SetRowColor{LightBackground}
{[}-{}-nosave|-e{]} & Do not save the platform to the package.json file \tn 
% Row Count 8 (+ 3)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.89126 cm} x{3.08574 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Runnning the App}}  \tn
% Row 0
\SetRowColor{LightBackground}
run \textless{}PLATFORM\textgreater{} {[}options{]} & Run an Ionic project on a connected device \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
{[}-{}-livereload|-l{]} & Live reload app dev files from the device (beta) \tn 
% Row Count 4 (+ 2)
% Row 2
\SetRowColor{LightBackground}
{[}-{}-address{]} & Use specific address (livereload req.) \tn 
% Row Count 6 (+ 2)
% Row 3
\SetRowColor{white}
{[}-{}-port|-p{]} & Dev server HTTP port (8100 default, livereload req.) \tn 
% Row Count 9 (+ 3)
% Row 4
\SetRowColor{LightBackground}
{[}-{}-consolelogs|-c{]} & Print app console logs to Ionic CLI (livereload req.) \tn 
% Row Count 12 (+ 3)
% Row 5
\SetRowColor{white}
{[}-{}-serverlogs|-s{]} & Print dev server logs to Ionic CLI (livereload req.) \tn 
% Row Count 15 (+ 3)
% Row 6
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{{[}-{}-debug|-{}-release{]}} \tn 
% Row Count 16 (+ 1)
% Row 7
\SetRowColor{white}
\mymulticolumn{2}{x{5.377cm}}{{[}-{}-device|-{}-emulator|-{}-target=FOO{]}} \tn 
% Row Count 17 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{2.04057 cm} x{2.93643 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Emulating the App}}  \tn
% Row 0
\SetRowColor{LightBackground}
emulate \textless{}PLATFORM\textgreater{} {[}options{]} & Emulate an Ionic project on a simulator or emulator \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
{[}-{}-livereload|-l{]} & Live reload app dev files from the device (beta) \tn 
% Row Count 6 (+ 3)
% Row 2
\SetRowColor{LightBackground}
{[}-{}-address{]} & Use specific address (livereload req.) \tn 
% Row Count 8 (+ 2)
% Row 3
\SetRowColor{white}
{[}-{}-port|-p{]} & Dev server HTTP port (8100 default, livereload req.) \tn 
% Row Count 11 (+ 3)
% Row 4
\SetRowColor{LightBackground}
{[}-{}-consolelogs|-c{]} & Print app console logs to Ionic CLI (livereload req.) \tn 
% Row Count 14 (+ 3)
% Row 5
\SetRowColor{white}
{[}-{}-serverlogs|-s{]} & Print dev server logs to Ionic CLI (livereload req.) \tn 
% Row Count 17 (+ 3)
% Row 6
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{{[}-{}-debug|-{}-release{]}} \tn 
% Row Count 18 (+ 1)
% Row 7
\SetRowColor{white}
\mymulticolumn{2}{x{5.377cm}}{{[}-{}-device|-{}-emulator|-{}-target=FOO{]}} \tn 
% Row Count 19 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.34379 cm} x{3.63321 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Save and Restore App. State}}  \tn
% Row 0
\SetRowColor{LightBackground}
state \textless{}COMMAND\textgreater{} & Saves or restores state of your Ionic Application using the package.json file                                                  \textless{}COMMAND\textgreater{} {[} save | restore | clear | reset {]} \tn 
% Row Count 6 (+ 6)
% Row 1
\SetRowColor{white}
{[}save{]} & Save the platforms and plugins into package.json \tn 
% Row Count 8 (+ 2)
% Row 2
\SetRowColor{LightBackground}
{[}restore{]} & Restore the platforms and plugins from package.json \tn 
% Row Count 10 (+ 2)
% Row 3
\SetRowColor{white}
{[}clear{]} & Clear the package.json of cordovaPlugins and cordovaPlatforms, as well as clear out the platforms and plugins folders \tn 
% Row Count 15 (+ 5)
% Row 4
\SetRowColor{LightBackground}
{[}reset{]} & Clear out the platforms and plugins directories, and reinstall plugins and platforms \tn 
% Row Count 18 (+ 3)
% Row 5
\SetRowColor{white}
{[}-{}-plugins{]} & Only do operations with plugins \tn 
% Row Count 20 (+ 2)
% Row 6
\SetRowColor{LightBackground}
{[}-{}-platforms{]} & Only do operations with platforms \tn 
% Row Count 22 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{2.14011 cm} x{2.83689 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{App Configuration}}  \tn
% Row 0
\SetRowColor{LightBackground}
config \textless{}command\textgreater{} {[}key{]} {[}value{]} & Set configuration variables for your ionic app                                                  \textless{}command\textgreater{} set, unset, build, or info \tn 
% Row Count 6 (+ 6)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{{[}key{]} The key to set \newline                                                  {[}value{]} The value to set}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{2.38896 cm} x{2.58804 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Push}}  \tn
% Row 0
\SetRowColor{LightBackground}
push & Upload APNS and GCM credentials to Ionic Push \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
{[}-{}-ios-dev-cert{]} & Upload your development .p12 file to Ionic Push \tn 
% Row Count 6 (+ 3)
% Row 2
\SetRowColor{LightBackground}
{[}-{}-ios-prod-cert{]} & Upload your production .p12 file to Ionic Push \tn 
% Row Count 9 (+ 3)
% Row 3
\SetRowColor{white}
{[}-{}-production-mode=y,n{]} & Tell Ionic Push to use production (y) or sandbox (n) APNS servers \tn 
% Row Count 13 (+ 4)
% Row 4
\SetRowColor{LightBackground}
{[}-{}-google-api-key \textless{}your-gcm-api-key\textgreater{}{]} & Set your app's GCM API key on Ionic Push \tn 
% Row Count 16 (+ 3)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.14471 cm} x{3.83229 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Ionic Documentation}}  \tn
% Row 0
\SetRowColor{LightBackground}
docs \textless{}TOPIC\textgreater{} & Opens up the documentation for Ionic \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
 & \textless{}TOPIC\textgreater{} the topic to view help documentation for. Use "ls" to view all topics \tn 
% Row Count 5 (+ 3)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{2.33919 cm} x{2.63781 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Security}}  \tn
% Row 0
\SetRowColor{LightBackground}
security \textless{}command\textgreater{} {[}options{]} & Store your app's credentials for the Ionic Cloud                                                  \textless{}command\textgreater{} profiles list, profiles add "\textless{}name\textgreater{}", credentials android, or credentials ios \tn 
% Row Count 9 (+ 9)
% Row 1
\SetRowColor{white}
{[}-{}-profile \textless{}tag\textgreater{}{]} & (credentials \textless{}platform\textgreater{}) Specify the profile on which these credentials are saved \tn 
% Row Count 13 (+ 4)
% Row 2
\SetRowColor{LightBackground}
{[}-{}-keystore|-s \textless{}path\textgreater{}{]} & (credentials android) Specify the location of your keystore file \tn 
% Row Count 17 (+ 4)
% Row 3
\SetRowColor{white}
{[}-{}-keystore-password|-p \textless{}password\textgreater{}{]} & (credentials android) Specify your keystore password (exclude for prompt) \tn 
% Row Count 21 (+ 4)
% Row 4
\SetRowColor{LightBackground}
{[}-{}-key-alias|-k \textless{}alias\textgreater{}{]} & (credentials android) Specify your key alias for this app \tn 
% Row Count 24 (+ 3)
% Row 5
\SetRowColor{white}
{[}-{}-key-password|-w \textless{}password\textgreater{}{]} & (credentials android) Specify your key password for this app (exclude for prompt) \tn 
% Row Count 28 (+ 4)
% Row 6
\SetRowColor{LightBackground}
{[}-{}-cert|-c \textless{}path\textgreater{}{]} & (credentials ios) Specify the location of your .p12 file \tn 
% Row Count 31 (+ 3)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{5.377cm}{x{2.33919 cm} x{2.63781 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Security (cont)}}  \tn
% Row 7
\SetRowColor{LightBackground}
{[}-{}-cert-password|-p \textless{}password\textgreater{}{]} & (credentials ios) Specify your certificate password (exclude for prompt) \tn 
% Row Count 4 (+ 4)
% Row 8
\SetRowColor{white}
{[}-{}-provisioning-profile|-r \textless{}path\textgreater{}{]} & (credentials ios) Specify the location of your .mobileprovision file \tn 
% Row Count 8 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.79172 cm} x{3.18528 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Ionic Login}}  \tn
% Row 0
\SetRowColor{LightBackground}
login & Login to your Ionic account \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
{[}-{}-email|-e{]} & Ionic account email \tn 
% Row Count 3 (+ 1)
% Row 2
\SetRowColor{LightBackground}
{[}-{}-password|-p{]} & Ionic account password \tn 
% Row Count 5 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.74195 cm} x{3.23505 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Ionic Library}}  \tn
% Row 0
\SetRowColor{LightBackground}
lib {[}options{]} {[}update{]} & Gets Ionic library version or updates the Ionic library. {[}update{]} Updates the Ionic Framework in www/lib/ionic \tn 
% Row Count 5 (+ 5)
% Row 1
\SetRowColor{white}
{[}-{}-version|-v{]} & Specific Ionic version                                                  Otherwise it defaults to the latest version \tn 
% Row Count 10 (+ 5)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.24425 cm} x{3.73275 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Sharing}}  \tn
% Row 0
\SetRowColor{LightBackground}
share \textless{}EMAIL\textgreater{} & Share an app with a client, co-worker, friend, or customer                                                  \textless{}EMAIL\textgreater{} The email to share the app with \tn 
% Row Count 5 (+ 5)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.89126 cm} x{3.08574 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Uploading}}  \tn
% Row 0
\SetRowColor{LightBackground}
upload & Upload an app to your Ionic account \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
{[}-{}-email|-e{]} & Ionic account email \tn 
% Row Count 3 (+ 1)
% Row 2
\SetRowColor{LightBackground}
{[}-{}-password|-p{]} & Ionic account password \tn 
% Row Count 4 (+ 1)
% Row 3
\SetRowColor{white}
{[}-{}-note{]} & The note to signify the upload \tn 
% Row Count 6 (+ 2)
% Row 4
\SetRowColor{LightBackground}
{[}-{}-deploy \textless{}channel\_tag\textgreater{}{]} & Deploys the upload to the given channel. Defaults to the Dev channel \tn 
% Row Count 9 (+ 3)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.24425 cm} x{3.73275 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Resources}}  \tn
% Row 0
\SetRowColor{LightBackground}
resources & Automatically create icon and splash screen resources (beta) \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
{[}-{}-icon|-i{]} & Generate icon resources \tn 
% Row Count 4 (+ 2)
% Row 2
\SetRowColor{LightBackground}
{[}-{}-splash|-s{]} & Generate splash screen resources \tn 
% Row Count 6 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{Put your images in the ./resources directory, named splash or icon. \newline                       Accepted file types are .png, .ai, and .psd. \newline                       Icons should be 192x192 px without rounded corners. \newline                       Splashscreens should be 2208x2208 px, with the image centered in the middle.}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.9908 cm} x{2.9862 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Plugins}}  \tn
% Row 0
\SetRowColor{LightBackground}
plugin add {[}options{]} \textless{}SPEC\textgreater{} & Add a Cordova plugin                                                  \textless{}SPEC\textgreater{} Can be a plugin ID, a local path, or a git URL. \tn 
% Row Count 6 (+ 6)
% Row 1
\SetRowColor{white}
{[}-{}-searchpath \textless{}directory\textgreater{}{]} & When looking up plugins by ID, look in this directory                                                  and subdirectories first for the plugin before                                                  looking it up in the registry. \tn 
% Row Count 16 (+ 10)
% Row 2
\SetRowColor{LightBackground}
{[}-{}-nosave|-e{]} & Do not save the plugin to the package.json file \tn 
% Row Count 18 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.94103 cm} x{3.03597 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Building Stuff}}  \tn
% Row 0
\SetRowColor{LightBackground}
build \textless{}PLATFORM\textgreater{} {[}options{]} & Build (prepare + compile) an Ionic project for a given platform. \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
{[}-{}-nohooks|-n{]} & Do not add default Ionic hooks for Cordova \tn 
% Row Count 5 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}


% That's all folks
\end{multicols*}

\end{document}