VUE前端环境搭建

创建vue工程

npm init vue@latest

安装插件

安装element-plus

执行安装命令

npm install element-plus --save

在main.js中做如下配置

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
app.use(ElementPlus)

 

安装axios

npm install axios

安装sass依赖

npm install sass -D

---

目录调整

删除components目录下的内容

删除App.vue中的内容，只保留script和template标签

新建如下目录：

api：存放接口调用的js文件

utils：存放工具js文件

拷贝request.js到util目录

views：存放页面的.vue文件

删除assets目录中的内容， 将静态资源文件全部拷贝到该目录下

测试：