开始前的提示：

  1. 教程的github仓库地址：https://github.com/jackyfzh/drf_learn

  2. 教程是博主自己的学习笔记，也是做一篇写一篇，可能有一些问题，欢迎高手在评论区指出

  3. 教程路线：drf → vue.js → vue组件库 → vue结合drf

  4. 本教程版本,最好和博主保持一致

  • django 2.x
  • vue.js 2.x
  • django rest framework 3.x
  • Ant Design for vue 1.6.x
  • simeple UI 4.x

好了，说了这么多，让我们先搭建开发环境并创建项目吧。

1，安装

首先必须要安装好nodejs,pip3,npm和python3,篇幅有限，就不再讲了，请读者自行查阅。安装完成后，打开命令行，输入以下命令创建项目文件夹并安装必要包：

1
2
3
4
5
6
7
mkdir drf_learn
cd drf_learn
pipenv shell
pip3 install django==2.2
pip3 install djangorestframework
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install -g @vue/cli

接着，在根目录创建后端项目：

1
2
3
4
5
django-admin startproject backend
cd backend
python3 manage.py migrate
python3 manage.py createsuperuser
vue create frontend

然后，在项目根目录创建vue项目,并跟据自己的需求创建项目

需要注意的只有一点，记得选择使用vue-router，这是我们的路由系统。

好了，下一章正式开始写代码。

有任何疑问欢迎加QQ群：Python学习交流 1140464262