https://github.com/nazmulidris/vue_webpack
Project that supports Material Design (thru Vuetify), Electron, and Webpack (started using vue-cli)
https://github.com/nazmulidris/vue_webpack
Last synced: 6 months ago
JSON representation
Project that supports Material Design (thru Vuetify), Electron, and Webpack (started using vue-cli)
- Host: GitHub
- URL: https://github.com/nazmulidris/vue_webpack
- Owner: nazmulidris
- License: apache-2.0
- Created: 2018-08-21T21:49:34.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2020-12-13T05:01:01.000Z (almost 5 years ago)
- Last Synced: 2025-03-24T22:43:20.711Z (7 months ago)
- Language: JavaScript
- Homepage: https://developerlife.com/2018/08/22/vue-vueitfy-webpack/
- Size: 157 KB
- Stars: 7
- Watchers: 4
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# vue_app
- [Introduction](#introduction)
- [Run the project](#run-the-project)
- [Instructions on getting started w/ Vue-cli3, electron, vuetify](#instructions-on-getting-started-w-vue-cli3-electron-vuetify)
- [Install vue-cli-3](#install-vue-cli-3)
- [Setup the new project](#setup-the-new-project)
- [Run the project](#run-the-project-1)
- [Add deps](#add-deps)
- [References / Documentation](#references--documentation)
## Introduction
This project is a template that is built using `vue-cli-3` which allows for the
use of Webpack, Vue, Vuetify (Material Design), and Electron (along w/ `lodash`,
and `axios`).
## Run the project
| Task | Command |
|---|---|
| Project setup | `npm install` |
| Compiles and hot-reloads for development | `npm run serve` |
| Compiles and minifies for production | `npm run build` |
| Lints and fixes files | `npm run lint` |
## Instructions on getting started w/ Vue-cli3, electron, vuetify
### Install vue-cli-3
1. `fix-brew.sh`
1. [`npm install -g @vue/cli`](https://cli.vuejs.org/guide/installation.html)
### Setup the new project
1. [`vue create vue_app`](https://lobotuerto.com/blog/quickstart-guide-for-a-new-vuejs-project/)
1. **`cd vue_app`**
1. [`vue add electron-builder`](https://nklayman.github.io/vue-cli-plugin-electron-builder/)
1. [`vue add vuetify`](https://github.com/vuetifyjs/vue-cli-plugin-vuetify)
### Run the project
1. in electron - `npm run serve:electron`
1. in browser - `npm run serve`
### Add deps
1. `npm add axios lodash`
1. Use them by doing a simple import (eg in main.js, `import _ from 'lodash';`)
## References / Documentation
- [Step by step tutorial of using vue-cli, etc](http://tinyurl.com/ya8392qh)
- [Single file components (.vue files)](http://tinyurl.com/h8c9bbj)
- Developing apps generated by `vue-cli`
- [HTML and Static assets](https://cli.vuejs.org/guide/html-and-static-assets.html)
- [CSS preprocessors](https://cli.vuejs.org/guide/css.html)
- [Webpack](https://cli.vuejs.org/guide/webpack.html)
- [Deployment](https://cli.vuejs.org/guide/deployment.html#general-guidelines)
- [Tool for theming and customizing Vuetify](http://tinyurl.com/y9hsshmz)