Framework7 Vue Webpack starter app template
npm install framework7-template-vue-webpackA full-featured Framework7 Vue with Webpack setup with hot-reload & css extraction. Based on Vue Webpack Boilerplate
git clone https://github.com/framework7io/framework7-template-vue-webpack my-app
`Repository will be downloaded into
my-app/ folder$3
Go to the downloaded repository folder and run:
`
npm install
`This will download latest version of Framework7, Framework7-Vue, Vue and required icon fonts (to
/src/fonts/)$3
`
npm run dev
`App will be opened in browser at
http://localhost:8080/$3
`
npm run build
`The output will be at
www/ folderUse with cordova
Just put the contents of
www folder in your cordova's project root www folderOne command install
`
git clone https://github.com/framework7io/framework7-template-vue-webpack my-app &&
cd my-app &&
npm install &&
npm run dev
`Build Setup
` bash
install dependencies
npm installserve with hot reload at localhost:8080
npm run devbuild for production with minification
npm run build
`Project Structure
*
src/assets - folder with static assets (images)
* src/components - folder with custom .vue components
* src/css - put custom app CSS styles here. Don't forget to import them in main.js
* src/pages - app .vue pages
* src/main.js - main app file where you include/import all required libs and init app
* src/routes.js - app routes
* src/app.vue` - main app structure/component