drf + vue全栈教程: 搭建开发环境

作者:jacky
浏览:194

摘要:搭建开发环境

开始前的提示:

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

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

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

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

  5. django 2.x

  6. vue.js 2.x
  7. django rest framework 3.x
  8. Ant Design for vue 1.6.x
  9. simeple UI 4.x

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

1,安装

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

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

接着,在根目录创建后端项目:

django-admin startproject backend
cd backend
python3 manage.py migrate
python3 manage.py createsuperuser
vue create frontend

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

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

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

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












登录后回复








共有3条评论


jacky 3个月前 评论:

因为进入虚拟环境pipenv更简单,env那个命令太长,记不住


pi-dal 3个月前 评论:

# 用了pipenv却只是使用pipenv shell,那为何不用venv😢😢😢


弹尤克里里的测试er 3个月前 评论:

安装成功





CopyRight © 2020 Jacky的编程空间

Powered by Django & Bootstrap  沪ICP备20019721号-1 本站总访问量