Applications with Django and vuejs

参考链接

Bootstrapping the backend Project

Installing the Requirements

  1. 安装python虚拟环境(参考资料用的是venv),我使用了anaconda安装,具体操作是
  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

之后的步骤可以参考这里

  

 

Applications with Django and vuejs

上一篇:【iOS入门】数组字典的遍历EnumerateObjectsUsingBlock 记录


下一篇:vue开发饿了么新版本,2020年,全新技术栈,带手机短信注册登陆,支付宝集成,精准定位用户