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

教育   2024-09-16 16:21   吉林  

    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/ 

 ,看看显示如下即正常:

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

测试开发干货
测试开发不能每天只看鸡汤文,一定要多练习基础,保持每天都学或者巩固一个算法和技巧。欢迎关注本公众号,只发布干货文章。多多转载和分享哦~
 最新文章