项目介绍

Dream-vue-cli脚手架可以下载，指定基于vue2实现的移动端响应式模板

模板目录结构

│  .browserslistrc
│  .eslintignore
│  .eslintrc.js
│  .gitignore
│  babel.config.js
│  package-lock.json
│  package.json
│  README.md
│  vue.config.js
│  
│      
├─public
│      back.gif
│      favicon.ico
│      index.html
│      
└─src
    │  App.vue
    │  main.js
    │  
    ├─api
    ├─assets
    │      header.jpg
    │      logo.png
    │      
    ├─components
    ├─router
    │      index.js
    │      
    ├─store
    │      index.js
    │      
    ├─styles
    │      blendent.scss
    │      init.scss
    │      remCalculate.scss
    │      
    ├─utlis
    │  │  http.js
    │  │  init.js
    │  │  jsToken.js
    │  │  websiteUrl.js
    │  │  
    │  └─Vant
    │          index.js
    │          
    └─views
        ├─home
        │      index.vue
        │      
        ├─person
        │      index.vue
        │      list.vue
        │      
        └─taberNavigation
            │  index.vue
            │  
            └─components
                    navBar.vue
                    taber.vue

项目展示

Dream-vue-cli使用方法

1. npm i dream-vue-cli  // 安装脚手架
2. dream init <项目名称>  // 创建项目

模板使用方法

1. npm install  // 安装环境依赖
2. npm run serve // 运行项目