【测开中台教程-02】创建vue前端，前后端分离更适合后期升级。

vue其实是国际三大前端框架之一，它是个渐进式引入，就是你可以小部分使用，也可以完全使用。可以直接在django渲染的一个页面内使用，也可以直接做个前后端分离的大前端项目。

当然，各有各的好。

本教程采用分离式，力求简单方便，后期升级简单。

至于安装vue命令这一块，大家可以随便百度，教程有的是。我之前的其他平台教程也有写，这里不多赘述。我就直接用vue命令创建项目了。

在django项目WQRF_BBB的根目录我直接创建vue项目了哈。

具体过程如下：

创建完成：

进入v_project

(注意：如果按照下载这些axios进度条始终不涨，就更好下镜像：

npm config set registry https://registry.npmmirror.com

)

elemntPlus需要在main.js中再次配置 成图中所示：

import ElementPlus from 'element-plus'
import locale from 'element-plus/es/locale/lang/zh-cn'
import 'element-plus/theme-chalk/index.css'

createApp(App).use(router).use(ElementPlus,{locale}).mount('#app')

然后打开控制台显示的网址：

http://localhost:8080/

，看看显示如下即正常：

本节课到此结束，小伙伴们，加油！