安裝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")),