关于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,
    }
}