# framework7-template-vue-webpack
**Repository Path**: mirrors_framework7io/framework7-template-vue-webpack
## Basic Information
- **Project Name**: framework7-template-vue-webpack
- **Description**: Deprecated! Framework7 Vue Webpack starter app template with hot-reload & css extraction
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2025-12-06
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# ⛔️ DEPRECATED
**This repo is deprecated and not mainted any more. Use [Framework7-CLI](https://framework7.io/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 on [Vue Webpack Boilerplate](https://github.com/vuejs-templates/webpack)
## Usage
### 1. Download this repository
```
git clone https://github.com/framework7io/framework7-template-vue-webpack my-app
```
Repository will be downloaded into `my-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 at `http://localhost:8080/`
### 4. Build app for production
```
npm run build
```
The output will be at `www/` folder
## Use with cordova
Cordova is not enabled by default, so make sure to remove the comment tags around the `` line in [projectroot]/src/index.html
```
```
It will be added during the build process to Android/iOS.
Just put the contents of `www` folder in your cordova's project root `www` 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
``` bash
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for development
npm run build-dev
# build for production with minification
npm 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 in `main.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