django整合vue

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

安装vue

1. 安装node.js ， 官网地址： https://nodejs.org/zh-cn/download/

2. 使用npm淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

3 . 使用cnpm下载vue-cli

cnmp install -g cue-cli

在django中创建vue

vue-init webpack front
# front 为前端项目的名称 ， 创建过程中可以全部回车，使用默认选择项

编写前端项目

cd front
# 安装需要的依赖模块
cnpm install 
# 运行调试的服务
cnpm run dev

vue项目写完后，打包vue项目 集成到django中

cnpm run build
# 修改django中的settings.py
"DIRS: ['front/dist'],
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'front/dist/static'),
]

# 修改django的主目录urls.py
path('', TemplateViews.as_view(template_name='index.html")),


以上是 django整合vue 的全部内容， 来源链接： utcz.com/z/378508.html

回到顶部