The lucky_vue_template from mrgaogang

mrgaogang / lucky_vue_template Goto Github PK

View Code? Open in Web Editor NEW

使用vue2.x+webpack4.x+vuex+vue-router+iview搭建的开发脚手架；多页面打包请见muti-pages分支

License: MIT License

CSS 0.54% HTML 1.57% Vue 5.44% JavaScript 92.45%

lucky_vue_template's Introduction

An ads: There are friends who need a vue mobile chart library, please check here

Others: If you want to build muti-pages by vue ,please see the muti-pages branch.

This is a webpack template for vue; the base config contains iview+vuex+vue-router

Usage 中文

$ npm install -g vue-cli
$ vue init mrgaogang/lucky_vue_template my-project
$ cd my-project
$ npm install
$ npm run dll #only first run 
$ npm run dev

Directory introduction

|-- lucky_vue
    |-- babel.config.js //babel config
    |-- index.css //gloabl css
    |-- index.html
    |-- package-lock.json
    |-- package.json
    |-- webpack.base.config.js // base build config
    |-- webpack.dev.config.js  //development environment build config
    |-- webpack.prod.config.js //production environment build config
    |-- dist // the production environment build folder
    |   |-- index.html
    |   |-- css
    |   |-- fonts
    |   |-- img
    |   |-- js
    |-- src
        |-- App.vue
        |-- main.js // the app entry js
        |-- modules.js // the commmon read modules js
        |-- components // the sub pages
        |   |-- Home.vue
        |-- plugins // global plugins 
        |   |-- iview.js
        |-- router // page router
        |   |-- index.js
        |-- server // gloabl server config 
        |   |-- fetch.js // Encapsulated network request js
        |   |-- index.js
        |   |-- api // the api constants
        |   |   |-- index.js
        |   |-- modules // the submodule api request
        |       |-- home.js
        |-- store // gloabl state config
            |-- index.js
            |-- modules // the submodule state config 
                |-- home.js

Recommend Projects