django整合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")),