爱游戏全站app官网入口-爱游戏官网

django 整合 vue -爱游戏全站app官网入口

2023-08-21,,

 

安装 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的相关教程结束。

网站地图