The new Vue with Onsen UI template is a great way to approach mobile development. It can easily be integrated with the Monaca CLI in order to take advantage of all of its features.
On this page, we will demonstrate how to import Vue with Onsen UI template into Monaca CLI.
Step 1: Installing Vue CLI
Open a command line window and type the following command:
1
npminstall -g vue-cli
Copied!
Step 2: Importing the template
1.
Create a new project based on the template by using the command below:
1
vue init OnsenUI/vue-cordova-webpack projectName
Copied!
2. Navigate to the project folder and run npm install:
1
cd projectName
2
npminstall
Copied!
Step 3: Running the template in the Monaca CLI
With the Monaca CLI, you can:
create new local projects, import or clone existing projects in