django+vue环境搭建_djiango vue vm环境搭建

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