前端 vue.js 的脚手架是怎么使用的，纯使用脚手架如何和 django 做好前后端分离
yezigege · 2019-04-02 17:36:00 +08:00 · 2946 次点击这是一个创建于 2088 天前的主题，其中的信息可能已经有所发展或是发生改变。
本人正在做一个 django 写的论坛，仿造掘金网。前端使用的是 vue.js 。但是过去我用的只是 vue.js 的基本使用，就是当作 jquery 用一样，只是导入。 现在想的是如何用 vue.js 的脚手架从头到尾的去写就一个前端模版，和 django 后端进行交互。
所以问题来了，网上只有教怎么搭建脚手架的，没有说脚手架是怎么配合后端的。更让我不明白的是，脚手架写的.vue 结尾的文件是 html, js, css 一起的文件，这玩意是怎么 build ？又是怎么和后端交互的呢？
求大佬指点迷津！
 |
1
tyx1703 2019-04-02 19:52:23 +08:00  1
最近正好也在处理这个问题，说下我的见解
首先，还是先建议你看完 vue-cli 的文档，不然也不会问出怎么 build 这个问题了。 其次你用了框架，而且是刚开始写，最好是前后端分离的方式进行开发，即后端提供接口，前端调用来完成数据交互。至于你如果有 seo 的需求，那么应该再了解下服务端渲染的内容 我接手的项目并没有前后端分离，但是由于一些原因，需要把部分页面改成用 vue 开发。我是这么做的：开发的时候采用 watch 模式，然后 djnago 将生成的 html 文件作为视图模板，开发完成之后 build 即可。不好的一点就是没有热更新了。 |
 |
3
AppxLite 2019-04-02 20:00:32 +08:00
该怎么 build 就怎么 build，开发完成了 build 然后部署就行了
|
 |
4
izoabr 2019-04-02 20:02:30 +08:00
那个分开的，前端脚手架 build 出来的也只是一个前端库，比如一个大 js 而已。撑死了就是 render 模板需要它的时候模板里导入一下而已。把它当纯静态吧
|
 |
5
noe132 2019-04-02 20:18:46 +08:00
建议使用 nuxt.js ，目前 vue 前端项目的最佳实践。
参考 nuxt 文档使用 create-nuxt-app 快速搭建项目。 没用过 webpack 可以平滑上手曲线，后期也手动修改 webpack 配置 https://nuxtjs.org/ |
Select Language