https://github.com/loitd/vdash

Vue.JS Dashboard
https://github.com/loitd/vdash

Last synced: 23 days ago
JSON representation

Vue.JS Dashboard

• Host: GitHub
• URL: https://github.com/loitd/vdash
• Owner: loitd
• License: mit
• Created: 2019-01-30T07:06:07.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T12:20:18.000Z (almost 2 years ago)
• Last Synced: 2024-10-15T06:44:39.116Z (about 1 month ago)
• Language: JavaScript
• Size: 3.96 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 25
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vdash

> A Vue.js project also my template for Vue project with demos. Frontend designed will use Vue.js as default. This project create a lot of component and use these component to build pages (as distro/designed). So these components are usable and the examples will be available through pages.  

To run on productions, these pages/component need to be compile/build.  

Vue provides an official CLI for quickly scaffolding ambitious Single Page Applications. More detail at [here](https://cli.vuejs.org/guide/)  

## Build Setup

> Install python2 and add execution file to PATH  

> Make sure you got postcss.config.js file with content

```javascript

module.exports = {};

```

> Using Yarn to run and build production

``` bash

# Install Vue Cli

yarn global add @vue/cli

# If installed by Yarn must include this folder into PATH

# C:\Users\username\AppData\Local\Yarn\bin

# If installed by npm, thefolder of npm added by default at 

# C:\Users\username\AppData\Roaming\npm

# Check version

vue --version

# Create a project via commandline

vue create hello-world

# OR via interface

vue ui

# install dependencies

yarn install

# serve with hot reload at localhost:8080

yarn run dev

# build for production with minification

yarn run build

# build for production and view the bundle analyzer report

yarn run build --report

# Installing Plugins in an Existing Project

vue add @vue/eslint

```

For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).