1、开发环境搭建

一、Python 安装

1.1 Python 版本要求

  • Python 3.10 及以上版本

  • Django 5 兼容性:

    • ✅ Python 3.10 / 3.11 / 3.12
    • ❌ 不兼容更低版本

1.2 Python 3.12 下载

🔗 python官网
(推荐直接下载最新安装包)


二、Django 安装

2.1 安装命令

pip install django==5.0.3

三、VS Code 安装

3.1 下载安装

🔗 官方网站

3.2 必备插件

类别 插件名称
核心 Python,Django
语言 Chinese (Simplified)
同步 Code Settings Sync
工具 Output Colorizer
格式化 Prettier - Code Formatter
嵌入式 RT-Thread MicroPython
Vue 开发 Vue 3 Snippets
Vue (Official)
Vue VSCode Snippets
UI 框架 vscode-element-helper

四、Node.js 安装

4.1 下载说明

🔗 官网下载

  • 推荐版本:LTS(长期支持版)
  • 尝鲜版本:Current(最新功能)

4.2 多平台安装指南

Windows

  1. 双击 .msi 安装包

  2. 勾选 Automatically install the necessary tools

  3. 验证安装:

    node -v
    npm -v
    

macOS

# 通过 Homebrew 安装
brew install node

# 或使用官方安装包

Linux (Ubuntu)

curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
sudo apt-get install -y nodejs

4.3 验证安装

node --version  # 应返回 v18.x 或更高
npm --version   # 应返回 9.x 或更高

五、pnpm 安装

1. 安装前提

确保已安装 Node.js(建议使用 LTS 版本)。

2. 通过 npm 安装 pnpm

npm install -g pnpm

3. 通过独立脚本安装(MacOS/Linux)

curl -fsSL https://get.pnpm.io/install.sh | sh -

4. Windows 安装(PowerShell)

iwr https://get.pnpm.io/install.ps1 -useb | iex

5. 验证安装

pnpm --version

出现版本号即表示安装成功。

|附:常用命令对比表|||

功能 npm 命令 pnpm 等价命令
安装依赖 npm install pnpm install
添加依赖 npm add axios pnpm add axios
运行脚本 npm run dev pnpm dev
全局安装 npm install -g pnpm add -g