0.建立个文件夹 输入命令建立脚手架

npm install vue-cli -g 下载工具

vue init webpack admin 通过上面的工具下载模板

1.下载支持less配置

npm install less less-loader --save-dev

需要在 webpack.base.conf

 {
        test: /\.less$/,
        use: [{
          loader: 'style-loader'
        }, {
          loader: 'css-loader'
        }, {
          loader: 'less-loader'
        }]
 }

2 引入element-ui

npm i element-ui -S
element-ui地址 https://element.faas.ele.me/#/zh-CN/

3创建api的文件夹 在创建index.js文件 用来做api接口

// 下载axios的文件
import axios from 'axios'

// 配置基础路径
axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/'

// 配置一个demo的post api 接口
export const demo = (pa) => {
  return axios.post('login', pa) // 第一个参数是请求路径 第二个参数是传输的数据
    .then((result) => {
      return result
    })
}

// 配置一个demo的get api 接口
export const demo2 = (pa) => {
  return axios.get('users', {params: pa}) // 注意这个需要 对象配置
    .then((result) => {
      return result
    })
}

4.配置路由 在router文件夹下建一个 index.js

import Vue from 'vue'
import Router from 'vue-router'
// import HelloWorld from '@/components/HelloWorld'
// 引入demo组件
import demo from '@/views/demo.vue'
Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'demo',
      component: demo
    }
  ]
})