Django-vue3-admin Windows PyCharm本地部署指南

Django-vue3-admin Windows PyCharm本地部署指南

以下是针对PyCharm IDE优化的部署流程，整合多来源的最佳实践：

一、环境准备

安装Python 3.11+‌

官方下载安装包，勾选 ‌Add Python to PATH‌
验证安装：python --version（需显示3.11+）

安装Node.js 18.x LTS‌

官网下载安装包，验证：node -v

安装PyCharm Professional‌

官网下载安装包，勾选关键选项：
✅ Add "bin" folder to the PATH
✅ Associate .py files with PyCharm

可选组件‌

MySQL 8.0+（字符集设为utf8mb4）
Redis（最新版）
二、项目配置

源码获取‌

bash
Copy Code
git clone https://gitee.com/huge-dream/django-vue3-admin.git

删除 web/src/views/system/demo/demo.vue 并注释相关CURD代码

PyCharm后端配置‌

打开backend目录作为项目
创建虚拟环境：
bash
Copy Code
python -m venv venv
venv\Scripts\activate

安装依赖：pip install -r requirements.txt（使用清华源）
复制 conf/env.example.py → conf/env.py，配置MySQL连接（字符集utf8mb4）

数据库初始化‌

bash
Copy Code
python manage.py makemigrations
python manage.py migrate
python manage.py init # 初始化权限数据
python manage.py init_area # 初始化省市县数据

PyCharm前端配置‌

新窗口打开web目录
安装依赖：npm install --registry=https://registry.npm.taobao.org
配置运行参数：
命令：run
Scripts：dev
端口修改：编辑.env.development文件
三、启动服务

后端启动‌

在backend项目中：
右键manage.py → Run 'manage'
添加参数：runserver 0.0.0.0:8000
或终端执行：python manage.py runserver

前端启动‌

在web项目中：
点击运行按钮（选择npm配置）
或终端执行：npm run dev
四、访问验证
访问入口 默认凭证 说明
http://localhost:8080 superadmin/admin123456 前端系统
http://localhost:8000/admin 需createsuperuser创建 Django Admin后台
五、常见问题解决

静态文件加载失败‌

bash
Copy Code
python manage.py collectstatic

并在settings.py配置STATIC_ROOT

端口冲突‌

后端：修改manage.py运行参数为runserver 端口号
前端：修改web/.env.development的VUE_APP_PORT

虚拟环境激活失败‌

PyCharm设置 → Tools → Terminal → 勾选Activate virtualenv

部署全程无需Apache/Nginx，开发环境直接用内置服务即可。生产部署建议切换Waitress/Daphne服务器。