Vue3+Element Plus+Django开发环境搭建
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
-
双击
.msi安装包 -
勾选
Automatically install the necessary tools -
验证安装:
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 |
评论
匿名评论
隐私政策
你无需删除空行,直接评论以获取最佳展示效果