2、开发环境搭建:Python环境安装、Django框架安装、Vue CLI创建项目、数据库选型(MySQL/PostgreSQL)、IDE配置

好,咱们正式开始动手了。

这一章,说白了就是「把家伙事儿备齐」。我见过太多新手,代码写了两天发现环境没配好,回头重来,心态直接崩了。所以咱们一步到位,把 Python、Django、Vue、数据库、IDE 全捋一遍。

2.1 Python 环境安装

我个人习惯用 Python 3.10+。为什么?因为 Django 4.2 LTS 对 3.10 支持最好,而且 3.11、3.12 有些第三方库还没完全跟上。你想想看,项目做一半发现某个库不兼容,那得多闹心。

推荐版本:Python 3.10.x

下载地址:python.org → Downloads → 选 3.10.x

安装时有个坑,我踩过——一定要勾选「Add Python to PATH」。不勾的话,你后面在命令行敲 python 会提示找不到命令。嗯,别问我怎么知道的。

装完验证一下:

python --version
# 输出:Python 3.10.x

pip --version
# 输出:pip 22.x from ...

如果 pip 版本太低,顺手升个级:

python -m pip install --upgrade pip

小技巧:我建议用虚拟环境。每个项目独立一套 Python 包,互不干扰。后面咱们用 venv 或 virtualenv 都行,但 Django 项目我习惯用 poetry,更优雅。

2.2 Django 框架安装

Python 装好了,接下来装 Django。咱们这个 ERP 系统用 Django 4.2 LTS,长期支持版,稳得很。

pip install django==4.2

验证一下:

python -m django --version
# 输出:4.2.x

我曾经遇到过一个问题:装完 Django 后,运行 django-admin 提示找不到命令。后来发现是 Python Scripts 目录没在 PATH 里。解决办法很简单——重新安装 Python,勾选 PATH 选项,或者手动把 C:\Users\你的用户名\AppData\Local\Programs\Python\Python310\Scripts 加到环境变量里。

注意:别用 pip install django 直接装最新版。最新版可能不稳定,而且有些第三方插件还没适配。咱们做项目,求稳不求新。

2.3 Vue CLI 创建项目

前端咱们用 Vue 3 + Vue CLI。为什么不用 Vite?Vite 确实快,但 Vue CLI 生态更成熟,插件更全。咱们做 ERP,稳定第一。

先装 Node.js(推荐 18 LTS):

node -v
# 输出:v18.x.x

npm -v
# 输出:9.x.x

然后装 Vue CLI:

npm install -g @vue/cli

vue --version
# 输出:@vue/cli 5.x.x

创建项目:

vue create erp-frontend

这里会弹出选项,我建议选:

  • Vue 3(别选 2,都什么年代了)
  • Babel(兼容旧浏览器)
  • Router(后面做页面跳转用)
  • VuexPinia(状态管理,我推荐 Pinia,更轻量)
  • ESLint + Prettier(代码规范,团队协作必备)

避坑指南:我曾经在创建项目时选了「Manually select features」,结果忘了选 Router,后面又手动加,麻烦得很。所以一开始就选全,省事。

创建完成后:

cd erp-frontend
npm run serve

浏览器打开 http://localhost:8080,看到 Vue 的欢迎页面,就成了。

2.4 数据库选型:MySQL 还是 PostgreSQL?

这是个老生常谈的问题。我直接说结论:

对比项 MySQL PostgreSQL
安装难度 简单(Windows 有安装包) 中等(需要配一些参数)
事务支持 ✅ 支持 ✅ 支持(更完善)
JSON 字段 ✅ 支持(5.7+) ✅ 支持(原生 JSONB)
全文索引 ✅ 支持 ✅ 支持(更强大)
并发性能 中等 优秀(MVCC 机制)
社区生态 非常成熟 成熟

我个人建议:选 PostgreSQL。为什么?

  • ERP 系统涉及大量复杂查询、报表统计,PG 的窗口函数、CTE 用起来太爽了
  • JSONB 字段可以灵活存储一些非结构化数据,比如商品扩展属性
  • 事务隔离级别更严格,不容易出现脏读、幻读

当然,如果你团队对 MySQL 更熟,用 MySQL 8.0 也没问题。我早期一个项目用的 MySQL,后来迁移到 PG,说实话有点后悔——早知道一开始就用 PG 了。

本课程选用:PostgreSQL 15+

下载地址:postgresql.org → Download → 选对应系统版本

安装时记住:

  • 设置一个你能记住的密码(比如 postgres
  • 端口默认 5432
  • 安装完成后,用 pgAdmin 或命令行连一下试试
psql -U postgres
# 输入密码后进入 psql 交互界面
# 输入 \l 查看数据库列表

2.5 IDE 配置

工欲善其事,必先利其器。我推荐 VS Code,免费、轻量、插件多。

必装插件:

  • Python(微软官方,语法高亮、智能提示)
  • Django(模板语法高亮)
  • Vue Language Features (Volar)(Vue 3 支持)
  • ESLint(代码规范检查)
  • Prettier(代码格式化)
  • PostgreSQL(数据库连接,可选)

我个人习惯把 VS Code 的终端设置为 Git Bash(Windows)或默认终端(Mac/Linux)。这样敲命令方便。

另外,我建议配置一下 settings.json

{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "python.defaultInterpreterPath": "你的虚拟环境路径",
  "files.autoSave": "onFocusChange"
}

小技巧:如果你用 PyCharm,也可以。但 VS Code 更轻量,而且前后端都能写。我平时开一个 VS Code 窗口,左边写 Django,右边写 Vue,分屏操作,效率很高。

2.6 验证环境是否打通

最后,咱们快速验证一下整个链路:

  1. Python 能跑 Django
  2. Vue 能启动开发服务器
  3. PostgreSQL 能连上

创建一个测试 Django 项目:

django-admin startproject erp_backend
cd erp_backend
python manage.py runserver

浏览器打开 http://127.0.0.1:8000,看到 Django 的小火箭,说明后端通了。

再打开 http://localhost:8080,看到 Vue 欢迎页,说明前端也通了。

数据库连接测试,咱们后面章节再细说,但至少现在 PG 能连上,心里就有底了。

总结一下:

  • Python 3.10 + Django 4.2 LTS
  • Node 18 + Vue CLI 5 + Vue 3
  • PostgreSQL 15+
  • VS Code + 必备插件

环境搭好了,后面就是写代码的事了。别急,咱们一章一章来。

好,这一章就到这儿。下一章咱们开始创建 Django 项目,配置数据库连接,写第一个 Model。