关于vue.js:VueCliSpringBoot项目搭建依赖引入配置信息一

一、Vue Cli搭建

一、须要装置node.js、VueCli
二、window+R cmd 
三、vue ui（可视化工具）

1、创立VueCli

2、选取创立的门路

3、配置信息

4、抉择本人须要的默认配置，创立我的项目

二、引入axios、element ui

1、main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import ElementUI from 'element-ui'                //引入element ui
import 'element-ui/lib/theme-chalk/index.css';    //引入element ui 款式
import axios from 'axios'                        //引入axios

//设置全局
Vue.prototype.$axios = axios                    

//应用element ui
Vue.use(ElementUI)        
                            
//阻止显示生产模式的音讯
Vue.config.productionTip = false                

//axios切换生产环境和开发环境接口地址 this.$axios.get(/selectAll)
axios.defaults.baseURL = 'http://0.0.0.0:1313';        

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

2、package.json

serve：启动形式   npm run serve
build：打包形式     npm run build

3、vue.config.js

没有能够本人创立（与package.json同级）

module.exports = {
//敞开eslint验证
  lintOnSave: false,
  devServer:{
//设置端口号
    port:1314,
//解决 Vue 我的项目 invalid host header 问题disableHostCheck:true报错
    disableHostCheck: true,
    }
}