搭建开发环境
好，咱们先搞定开发环境，这是学Vue3+Django4的第一步~前端要用Vue3，还得注意下它的小伙伴Node.js哦；后端，就看Django4的表现，还有Python，别忘了跟上节奏。Node.js直接去官网下载合适的安装包，按照提示操作就行；Python环境也不难，装个新版的安装包，设好环境变量，然后在命令行里就能用python和pip了。
搞定Node.js和Python后，试试vue-cli和Django这俩工具呗！vue-cli真的很给力，敲几下就能搞定好多事，比如说快速搭建Vue项目。再说说Django，用pip命令装起来超快。所以，别忘了装上这两个神器，有了它们，咱们就可以轻松玩转全栈开发！
创建Vue3项目
搞定了开发神器后，咱们就能开始玩转 Vue3 项目了！首先找到要放项目的地方，然后输入 vue create 这个命令，轻轻松松就能建好 Vue3 项目。接下来让你选择自动还是手动配置，建议你手动，这样能避免瞎装，还能节省电脑资源。弄好了之后，直接在浏览器里打开项目网址瞧瞧，要是出现了 Vue3 的引导页，那就说明启动成功！
npm install -g @vue/cli
搞定了新Vue3项目，下面就开始做Django！
创建Django项目
pip install Django
想玩好 Django 项目？很简单！先找个地方建个项目，然后输入命令django-admin startproject [你的名字]，搞定！再到项目文件夹里，敲入命令python manage.py runserver启动服务器！最后，在浏览器里输入那个网址，哇塞——Django 的欢迎页出来了！
告诉你我之前完成了两个项目。其中一个用的是Vue3做的，另一个则是用Django弄的。都搞定咯!
vue create my-project
连接Vue3和Django
搞定Vue3和Django后台连？只要在你的Vue3项目里加个vue.config.js文件，输入点代理信息就成了！
cd my-project npm run serve
首先，咱们得在Django里加个叫’api.py’的文件来接收Vue3传来的数据。然后，就可以用Django本身带的rest framework轻松地搭出RESTful API！
搞定这几招后，在浏览器里输上那个/api 的链接。Django 马上就能把数据传过来！
开发应用功能
django-admin startproject mysite
来玩儿个痛快，轻松搞定牛逼的软件！记得用Vue3做项目时，Composition API让你轻松搞定组件逻辑；Vue Router帮你搞定网页路由，Vuex还能帮你搞定复杂的状态。
cd mysite python manage.py runserver
想用Django做项目？别忘了它强大的模型和数据库迁移，再加上好用的表格和模板系统，用户输入和网页展示都轻松搞定哟~
咱们前后端各司其职，齐心协力打造牛气冲天的网站应用！
部署与优化
搞定了！现在就上传APP，保证速度快得像闪电一样！再说Vue3，我们用打包工具把代码弄成网页，再传到服务器让大家看个新鲜。
module.exports = {
devServer: {
proxy: {
'^/api': {
target: 'http://localhost:8000',
ws: true,
changeOrigin: true
}
}
}
}
来，让我们从简单的 Django 自带服务器入门开始，等熟练后再探索下高级的 Nginx + uWSGI 配置！
装完系统别忘了优化前后端代码这能大大提速的哟。比如，Webpack和Babel帮你搞定Vue3代码更方便；还有，Django自带的缓存工具和各种优化方法，保证后端飞起来！
持续改善下咱们的web应用，越做越好，用着也舒心多了~
总结与展望
from rest_framework.decorators import api_view
from rest_framework.response import Response
@api_view(['GET'])
def hello_world(request):
return Response({'message': 'Hello, World!'})
想学怎么用Vue3和Django4做全栈项目吗？从安装到上线优化都教给你！
哎呀听说你也在关注后端分离话题？Vue对我们来说是最好用的，简单易懂还很灵活。至于Django就更赞了，功能强大得可怕，两个搭档起来简直就是个无敌的技术大礼包
from django.urls import path
from . import api
urlpatterns = [
path('api/hello', api.hello_world),
]
告诉你们，要好好利用这俩框架做Web应用，真的很厉害！
别怕，交给我，咱们一起搞定这俩框架，做出炫酷又好用的Web app，让大伙儿都赞不绝口！
评论0