Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings
This repository was archived by the owner on Oct 7, 2019. It is now read-only.

Deprecated! Framework7 Vue Webpack starter app template with hot-reload & css extraction

License

NotificationsYou must be signed in to change notification settings

framework7io/framework7-template-vue-webpack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This repo is deprecated and not mainted any more. UseFramework7-CLI instead. Please, don't open new issues and don't send any PRs to this repository

Framework7 Vue + Webpack App Template

A full-featured Framework7 Vue with Webpack setup with hot-reload & css extraction. Based onVue Webpack Boilerplate

Usage

1. Download this repository

git clone https://github.com/framework7io/framework7-template-vue-webpack my-app

Repository will be downloaded intomy-app/ folder

2. Instal dependencies

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. Run the app

npm run dev

App will be opened in browser athttp://localhost:8080/

4. Build app for production

npm run build

The output will be atwww/ folder

Use with cordova

Cordova is not enabled by default, so make sure to remove the comment tags around the<script src="cordova.js"></script> line in [projectroot]/src/index.html

<body>  <div></div>  <!-- Cordova -->  <script src="cordova.js"></script>  <!-- built script files will be auto injected --></body>

It will be added during the build process to Android/iOS.

Just put the contents ofwww folder in your cordova's project rootwww folder

One command install

git clone https://github.com/framework7io/framework7-template-vue-webpack my-app &&cd my-app &&npm install &&npm run dev

Build Setup

# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for developmentnpm run build-dev# build for production with minificationnpm run build-prod

Project Structure

  • src/index.html - main app HTML
  • 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 inmain.js
  • src/pages - app.vue pages
  • src/app.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
  • /static/ - folder with extra static assets that will be copied into output folder

About

Deprecated! Framework7 Vue Webpack starter app template with hot-reload & css extraction

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

    Packages

    No packages published

    Contributors3

    •  
    •  
    •  
    [8]ページ先頭
    ©2009-2025 Movatter.jp