Windows下Django&Vue前后端分离项目环境配置

最新推荐文章于 2024-04-29 15:51:06 发布

无名一卒

最新推荐文章于 2024-04-29 15:51:06 发布

阅读量352

点赞数

文章标签： django vue.js python

本文链接：https://blog.csdn.net/isstarish/article/details/124950952

版权

这篇博客介绍了如何利用Anaconda在Windows上创建和管理虚拟环境，包括安装Node.js、Django，以及Vue项目的搭建。步骤详细，从激活Anaconda环境到创建Vue应用，涉及npm安装、项目运行等关键操作。

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

1.安装anaconda
注: windows的cmd下使用anaconda要先activate再使用conda activate env_name
另注: 用各种ide的话注意ide用的命令行是哪个, 不要用bash命令行, 需要额外配置环境

2.使用anaconda配置nodejs虚拟环境
conda create -yn env_name nodejs
node --version (检查是否成功安装)
npm --version (检查是否成功安装)

3.安装django
直接pip install django即可

4.创建django项目
django-admin startproject project_name

5.安装vue
npm install vue

6.全局安装vue脚手架
npm install -g vue-cli

7.创建vue项目
vue init webpack appfront
创建时的选项选项可参见https://zhuanlan.zhihu.com/p/128976272的图片选

8.安装依赖
cd appfront
npm install

9.运行vue项目
npm run dev

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

无名一卒

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
Windows下Django&Vue前后端分离项目环境配置

Windows下Django&Vue前后端分离项目环境配置 (新手向)
复制链接

扫一扫

Django+Vue前后端分离项目

bl_yang的博客

10-31

2026

python+vue前后端分离项目，实现音乐列表的增删改查！

Windows下 Django-Vue搭建服务（二）

weixin_44149181的博客

09-21

352

Windows下 Django-Vue搭建服务 Djano和Vue结合现在启动Vue服务和Django服务是使用的两个命令，需要将两个结合，思路是打包vue项目，然后修改django配置，将vue集成到django中 1.打包Vue项目：进入client目录，执行命令npm run build，如下图： 2.进入Django项目server下的settings，修改内容，配置TEMPLATES和STATICFILES_DIRS，如下图所示： 3.进入urls，新建一个url链接，测试是否可行，pat

1 条评论您还未登录，请先登录后发表或查看评论

Django+Vue创建项目前后端分离

最新发布

我就是我是好孩子的博客

04-29

1627

Django+Vue创建项目前后端分离

【实测】记一次用windows11家庭中文版部署django+vue项目的踩坑之旅

weixin_71807218的博客

04-17

1139

整个过程下来，给我的感觉就和吃了翔一样难受，窒息的感觉，全程没少骂的设计者...因为要调试一些只有在windows才会出现的测试平台bug，于是我耗重金购入了一台顶配windows。以下是配置：配置还蛮高的对吧？毕竟上万的笔记本。上万的笔记本，你给我带个家庭？舍不得这个正版系统，于是咬牙用起来。首先，一开始，我发现自带了一个python3.10，于是兴高采烈的直接pip3 install django。

Windows服务器，通过Nginx部署VUE+Django前后端分离项目

weixin_41458599的博客

12-08

689

在Windows 服务器上，通过Nginx部署 vue+Django前后端分离项目，同时解决Django部署后admin静态文件样式丢失问题

django与vue的完美结合_实现前后端的分离开发之后在整合的方法

09-18

本篇文章将探讨如何将Python的Django框架与JavaScript的Vue.js库完美结合，实现前后端分离，并最终进行整合。首先，我们需要创建一个Django项目。通过运行`django-admin startproject mysite`命令，我们可以初始化...

Django+Vue.js搭建前后端分离项目的示例

10-19

根据提供的文件内容，以下是有关使用Django和Vue.js搭建前后端分离项目的关键知识点： ### Django后端开发 1. **创建Django项目：** - 使用Django的管理命令 `django-admin startproject ulb_manager` 创建项目。...

django+vue分离项目实战.rar

09-03

在本资源"django+vue分离项目实战.rar"中，我们将探讨如何使用现代Web开发技术Django和Vue.js来实现一个完整的前后端分离的实战项目。这个项目需要的基础环境包括Python 3.6及以上版本、Django的最新版、Node.js的...

Vue、Django前后端分离项目实战课程.rar

10-24

在"Vue、Django前后端分离项目实战课程"中，学员可以学习到如何将这两个强大的工具结合在一起，创建一个完整的Web应用。首先，你需要理解前端和后端的基本概念。前端是用户直接交互的部分，包括浏览器中的HTML、CSS...

Django+Vue开发环境框架

05-08

在现代Web开发中，前后端分离的架构变得越来越普遍，其中Django作为强大的Python后端框架，Vue.js作为轻量级且高效的前端框架，两者结合能够构建高效、高性能的Web应用。本项目“Django+Vue开发环境框架”提供了一个...

vuejs+django2.0前后端分离项目

01-16

vuejs+django2.0前后端分离项目,适用于全栈开发。需要有一定的前端基础，前端框架用的是vuejs，后端用的是django写的api。可以在这个项目的基础上进行二次开发

Windows下用Nginx代理Django安装配置实例

01-11

一、安装djanjo 1、下载源码 https://www.djangoproject.com/download/ 本文下载的djanjo版本为1.5.1，下载链接如下： https://www.djangoproject.com/m/releases/1.5/Django-1.5.1.tar.gz 2、安装进入源码目录执行以下命令：代码如下: python setup.py install 3、验证djanjo 代码如下: >>> import django >>> print(django.__path__) [‘C:\\Python27\\lib\\site-packages\

Django与Vue 前后端分离开发web（一）

sungod3166的专栏

01-18

881

@3个月浓缩精华Django与Vue联合项目开发项目环境搭建 1、建立虚拟环境虚拟环境建立 2、安装django 激活虚拟环境，安装Django，建立myweb工程 pip安装慢参考： https://blog.csdn.net/zywvvd/article/details/100607820 Django常用命令django-admin.py和manage.py用法详解： https://b...

vue+django进行前后端分离开发

超级酷乐猫的博客

07-05

4426

目录一、vue项目的创建二、Django项目的创建三、vue+django结合要解决的问题四、总结通过vue_cli创建一个vue项目，所有的代码可以在VSCODE中编写，vue项目的各个组件的组成包括：1.components：所有的界面开发都在这个目录下编写，一个界面对应一个vue程序，通过elementUI开发能快一点且做出来的界面比较好看，具体可参考elementUI的样例进行具体组件的开发。2.assets：所有的图片都在这个这个目录下存储。3.route.js: 整个vue项目的路由，不同的

npm方法安装vue

qq_28673091的博客

04-27

7827

准备在用Vue.js构建大型应用的时候推荐使用NPM安装方法，NPM能很好的和诸如Webpack或者Browserify 模块打包器配合使用。Vue.js 也提供配套工具来开发单文件组件。首先，先列出我们接下来需要的东西： node.js环境（npm包管理器） vue-cli 脚手架构建工具 cnpm npm的淘宝镜像步骤安装node.js 从node.js官网下载并安装node，安装...

开发过程中django和vue项目同时运行

weixin_45329799的博客

09-25

1201

django和vue项目同时运行背景大二下学期第一次接触前后端分离，在课程大作业项目中是后端人员，用的django框架，前端朋友是vue框架。当时前后端对接是队友做的，只是听说对接时要把vue打包，我还什么都不懂。大二和大三之间的暑假做了第二个django+vue的项目，我还是后端，这次接触了前后端对接，也接触了服务器部署。对接的方法是队友告知的，把前端npm run build一下，生成的dist文件夹放在后端项目里，设置一下setting.py。暑期项目对接，让我对npm run build这

Windows10下安装Django+vue+MySQL的详细安装说明，一文解决（小白也适用），附上安装过程中容易碰到的一系列错误及解决方法

alan_turing_的博客

08-16

478

这是我的第一篇博客，写得不好的地方还请批评指正。今天在安装网站开发框架vue+Django+MySQL的时候，按照网上的教程按照中间出了几个小bug，后来也解决了，因此我也想把解决的方法分享给大家，以后也会不定期分享我的一些项目搭建过程中出现的问题的解决方案。首先是整体的部署流程，我是按照这篇文章来理解的https://blog.csdn.net/chenyzh_admin/article/details/103409577 文章中提到前置所需的框架安装说明网上都能找到，但是在找的过程中我发现还是

python+django+vue搭建前后端分离项目

09-11

当我们要搭建一个前后端分离的项目时，可以使用Python的Django框架和Vue框架来实现。下面是大致的步骤： 1. 对于后端，我们可以使用Django框架来搭建RESTful API。首先，创建一个新的Django项目并设置好相关配置。...

Windows下Django&Vue前后端分离项目环境配置

1.安装anaconda 注: windows的cmd下使用anaconda要先activate再使用conda activate env_name 另注: 用各种ide的话注意ide用的命令行是哪个, 不要用bash命令行, 需要额外配置环境

2.使用anaconda配置nodejs虚拟环境 conda create -yn env_name nodejs node --version (检查是否成功安装) npm --version (检查是否成功安装)

3.安装django 直接pip install django即可

4.创建django项目 django-admin startproject project_name

5.安装vue npm install vue

6.全局安装vue脚手架 npm install -g vue-cli

7.创建vue项目 vue init webpack appfront 创建时的选项选项可参见https://zhuanlan.zhihu.com/p/128976272的图片选

8.安装依赖 cd appfront npm install

9.运行vue项目 npm run dev