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

2024-09-17 14:44:37 浏览数 (2)

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

当然,各有各的好。

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

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

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

具体过程如下:

创建完成:

进入v_project

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

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

)

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

代码语言:javascript复制
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/

,看看显示如下即正常:

本节课到此结束,小伙伴们,加油!

0 人点赞