This repo is deprecated and not mainted any more. Use Framework7-CLI instead. Please, don't open new issues and don't send any PRs to this repository
A 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
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/
)
npm run dev
App will be opened in browser at http://localhost:8080/
npm run build
The output will be at www/
folder
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 id="app"></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 of www
folder in your cordova's project root www
folder
git clone https://github.com/framework7io/framework7-template-vue-webpack my-app &&
cd my-app &&
npm install &&
npm run dev
# 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
src/index.html
- main app HTMLsrc/assets
- folder with static assets (images)src/components
- folder with custom .vue
componentssrc/css
- put custom app CSS styles here. Don't forget to import them in main.js
src/pages
- app .vue
pagessrc/app.js
- main app file where you include/import all required libs and init appsrc/routes.js
- app routessrc/app.vue
- main app structure/component/static/
- folder with extra static assets that will be copied into output folder此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。