一、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 uiimport 'element-ui/lib/theme-chalk/index.css';    //引入element ui 款式import axios from 'axios'                        //引入axios//设置全局Vue.prototype.$axios = axios                    //应用element uiVue.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 servebuild：打包形式     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,    }}