Skip to content
Pan Yue edited this page Feb 14, 2017 · 10 revisions

Installation


Prerequisites

Some tools are required for developing with Vue Admin. You will need:

  • Nodejs v5.x
  • NPM v3.x
  • Git
  • Python 2.7

Nodejs and NPM are available here: Nodejs.org version 5.x

Git is available here:

Git for Windows

Git for Mac

As described in node-gyp installation, Python 3.x.x is not supported


Get Repository

There are several approaches.

  1. Clone the source code with Git:

    Execute git clone git@github.com:vue-bulma/vue-admin.git in your GitBash or command line.

  2. Download the zip file from browser:

    Visit Vue Admin Download


Install Dependencies

After you got repository, change work directory and install dependencies by executing following commands in Git Bash:

cd vue-admin
npm install

Run Project Locally

There are several commands you can use for running Vue Admin locally in different environment.

npm run dev will open your default browser and run project in develop mode. You will be able to make your changes

npm run build will package your source code into /dist directory for production deployment.


Run Project with Electron

Electron can build desktop application based on web project without being tangled up in compatibility issue.

Command for running Vue Admin as an Electron app is provided, but you need to install electron globally by executing

npm install electron -g

Here is a way that can accelerate Electron installation on Windows.

Download the compatible zip file from electron release or electron mirror

Put the file under directory C:\Users\YOURUSERNAME\.electron

execute npm install electron -g now.

Once the process ends, execute electron and an Electron form will be opened. Then you can run this command under project directory

npm run electron will build the project and show you an desktop application with Vue Admin.

Clone this wiki locally