ng-monaca-schematics

MONACA OnsenUI + Angular 6+ schematics

install

 
npm install -g @angular/cli@6.0.8
npm install -g ng-monaca-schematics
 

use

# generate project 
ng new <project name> -c ng-monaca-schematics [--name=<application name>]
 
# create component 
# aliases ( ng g ng-monaca-schematics:mc [name] ) 
ng generate ng-monaca-schematics:monaca-component [name]
 

project development

local

1. install a environment

• install Monaca Localkit into local machine
• Insert Monaca Debugger in mobile development machine
• connect development machines to the same network

1. run on a mobile device

• run a npm run ng.build command.
• Open ./www directory with Monaca Localkit

1. to preview

remote

1. monaca cloud initialized

• npm run login

1. remote debugging

• npm run upload
• open browser monaca ide page
• open youre project
• to preview or run on device

1. remote build

• npm run build
• open browser monaca ide page
• open youre project
• open menu [buld] to build history

feature

• npm publish
• npm start
• ng build
• ng test
• ng e2e
• update monaca browserlist
• add ng generate
  • component
  • page
  • toolbar
• monaca upload
• monaca cloud buildsing

workflow and commands

• install
  • install command
  • template using
    • useing monaca-lib template
• local building
  • server
• remote monaca
  • upload monaca cloud
  • building monaca cloud

run testing

# test 
npm run test
npm run e2e