VSCode搭建VUE+Django前后端分离环境

最新推荐文章于 2024-06-12 17:20:47 发布

影已落流水

最新推荐文章于 2024-06-12 17:20:47 发布

阅读量2.2k

点赞数

分类专栏： vue 文章标签： django python vue.js

本文链接：https://blog.csdn.net/StillWaters_ing/article/details/103736316

版权

本文详细介绍了如何在VSCode中搭建Vue.js和Django的前后端分离环境。首先，确保安装了Python3环境，接着分步阐述如何搭建Django项目，然后按照vue-cli的步骤创建Vue脚手架。最后，在Django配置中设置STATICFILES_DIRS以链接前端静态文件。

摘要由CSDN通过智能技术生成

准备：安装好Python3环境

1、//python scripts目录下pip命令安装django：

	pip install django

2、//进入项目要放置的目录，django命令生成项目：

django-admin startproject 项目名称

3、//vscode打开文件夹

4、//vscode 终端命令行启动项目：
（电脑里安装了多个版本python，则检查一下python.py文件中设置的是不是python3解释器）

python3 manage.py runserver 8001

5、//浏览器输入地址访问：

http://localhost:8001

6、//vscode 终端命令行创建app，
（项目名只是一个容器，一个django下可以有很多个应用程序）：

python3 manage.py startapp app名称（如webapp）

在这里插入图片描述

7、//settings里添加新生成的app名称

关注