django+vue环境搭建

1.下载并安装python3.6,可以默认安装至c盘。

2.安装virtualenv,安装命令:pip install virtualenv

3.在F盘创建虚拟环境,virtualenv  virtualenv_01

4.进入F:\virtualenv_01\Scripts,cmd然后输入activate就进入该虚拟环境了。

5.安装django  2.0 ,输入命令:pip install Django==2.0

6.创建django项目和app

创建项目:django-admin startproject myproject 

cd到myproject后创建app:      python  manage.py startapp myapp

7.cd到myproject,创建vue项目

vue init webpack myvue

8.cd  到myvue目录,执行:npm install

9.npm run build 打包成dist(这里是为了演示效果,正常应该开发完前端myvue后再打包成dist)

10.配置django中的setting文件:

贴出代码:
STATICFILES_DIRS = [ os.path.join(BASE_DIR,'myvue/dist/static'), ]

11.修改django的主目录的urls文件:
from django.views.generic.base import TemplateView
path(r'', TemplateView.as_view(template_name='index.html')),

12.启动django服务,访问localhost:8000 则可以出现vue的首页

python manage.py runserver

 

猜你喜欢

转载自blog.csdn.net/qq_37969201/article/details/85007152