前端 vue.js 的脚手架是怎么使用的，纯使用脚手架如何和 django 做好前后端分离

[yezigege]

本人正在做一个 django 写的论坛，仿造掘金网。前端使用的是 vue.js 。但是过去我用的只是 vue.js 的基本使用，就是当作 jquery 用一样，只是导入。 现在想的是如何用 vue.js 的脚手架从头到尾的去写就一个前端模版，和 django 后端进行交互。

所以问题来了，网上只有教怎么搭建脚手架的，没有说脚手架是怎么配合后端的。更让我不明白的是，脚手架写的.vue 结尾的文件是 html, js, css 一起的文件，这玩意是怎么 build ？又是怎么和后端交互的呢？

求大佬指点迷津！

[tyx1703]

最近正好也在处理这个问题，说下我的见解
首先，还是先建议你看完 vue-cli 的文档，不然也不会问出怎么 build 这个问题了。
其次你用了框架，而且是刚开始写，最好是前后端分离的方式进行开发，即后端提供接口，前端调用来完成数据交互。至于你如果有 seo 的需求，那么应该再了解下服务端渲染的内容
我接手的项目并没有前后端分离，但是由于一些原因，需要把部分页面改成用 vue 开发。我是这么做的：开发的时候采用 watch 模式，然后 djnago 将生成的 html 文件作为视图模板，开发完成之后 build 即可。不好的一点就是没有热更新了。

[tyx1703]

@tyx1703 djnago -> django

[AppxLite]

该怎么 build 就怎么 build，开发完成了 build 然后部署就行了

[izoabr]

那个分开的，前端脚手架 build 出来的也只是一个前端库，比如一个大 js 而已。撑死了就是 render 模板需要它的时候模板里导入一下而已。把它当纯静态吧

[noe132]

建议使用 nuxt.js ，目前 vue 前端项目的最佳实践。
参考 nuxt 文档使用 create-nuxt-app 快速搭建项目。
没用过 webpack 可以平滑上手曲线，后期也手动修改 webpack 配置
https://nuxtjs.org/

[yezigege]

@noe132 这好用吗？我只有四周时间，学习加仿制，我怕来不及。哎呀，好纠结啊