Applications with Django and vuejs

参考链接

Bootstrapping the backend Project

Installing the Requirements

1. 安装python虚拟环境（参考资料用的是venv），我使用了anaconda安装，具体操作是
   • anaconda官网下载适合本机操作系统的软件
   • 创建conda虚拟环境
2. 安装Django 

   pip install django

3. 安装vue

   #两种安装方法
   #1.安装的版本是2.*
   sudo npm install -g vue-cli
   
   #2.安装的是最新版
   sudo npm install -g @vue-cli

    

Bootstrapping Django

# create a directory to your project
mkdir django-vue

# move the cursor to it
cd django-vue

django-admin startproject djangovue .

上面的命令：在"django-vue"目录下创建了一个名为"djangovue"的项目，同时生成的还有一个python脚本文件，名为"manage.py"。

 

#organize your Django project with catalog
python manage.py startapp catalog

上面的命令：在"django-vue"目录下创建了一个名为"catalog"的目录。

在"djangovue"目录下的"setting.py"文件添加上"catalog"，如下：

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'catalog'
]

然后就可以启动服务了

python manage.py migrate
python manage.py runserver

 

Bootstrapping the frontend Project

#frontend为项目名字，不支持大写

#vue2.* 可以使用webpack创建
vue init webpack frontend

#vue3.* 可以使用如下命令
vue create frontend
npm run serve

之后的步骤可以参考这里