当前位置：网站首页>Innovation training (IX) integration

Innovation training (IX) integration

2022-04-23 04:46:00 【Scattered moon】

Use Vue.js As a front-end framework , Instead of Django Its own template engine ,Django As a server API Interface , So as to realize the separation of front and rear ends .

Create a new front-end project

  1. of Vue Module ( Include vue) have access to node Self contained npm Package manager installation . It is recommended to use Taobao cnpm The command line tool replaces the default npm.
npm install -g cnpm --registry=https://registry.npm.taobao.org
  1. use cnpm install vue-cli Scaffold tools 
cnpm install -g vue-cli
  1. Project root directory , Create a new front-end project directory 
vue-init webpack frontend
  1. install vue Rely on the module 
cd frontend
cnpm install
cnpm install  vue-resource
cnpm install element-ui
  1. npm run build
  2. settings.py
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "frontend/dist/static"),
]

urls.py

url(r'^$', TemplateView.as_view(template_name="index.html")),
  1. Django Integrated Vue The front-end engineering
    Insert picture description here

版权声明
本文为[Scattered moon]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/04/202204220555418724.html

边栏推荐

猜你喜欢

随机推荐