vue最新版本创建项目配置

vue.config.js

module.exports={
    davServer:{
        port:8000, //端口号
        open:true , //自动打开浏览器
        https:false, //https
        host:'localhost', //端口号
    },
    // 关闭eslint
    lintOnSave:false
}

安装iview

npm install view-design --save

main.js引入

import ViewUI from 'view-design';
import 'view-design/dist/styles/iview.css';

Vue.use(ViewUI);

引入bootstrap
public文件夹下面新建一个static文件夹
index.html引入

 <link rel="stylesheet" href="static/bootstrap.min.css" type='text/css'>
  <link rel="stylesheet" href="static/icon" >

static下新建icon

安装vue-router

npm install vue-router --save

src下新建router.js

import Vue from "vue";
import Router from "vue-router";
import Home from "./views/Home.vue";

Vue.use(Router);

export default new Router({
  routes: [
    {
      path: "/",
      name: "home",
      component: Home
    },
});

main.js引入