vue-cli的创建

vue-cli的创建

目录结构

1.使用vue ui创建项目
2.新建vue.config.js

module.exports = {
    devServer:{
        port:8090
    }
};

3.安装axios

npm install axios --save

4.安装element-plus

npm install element-plus --save

5.修改main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
// 导入封装好的axios并挂载到Vue全局属性上
import Axios from './axios/index.js'
const app = createApp(App)
app.use(ElementPlus)
app.use(router)
app.config.globalProperties.$axios = Axios;
app.mount('#app')