express加vue实现的一个简单的记账本

最近要工作要用node搭后台,就去学了下express的框架,结合vue写了个简单的demo。

首先看目录


client 文件夹里是前端直接用vue-cli和element ui:

npm install -g vue-cli

vue init webpack client 

npm i element-ui

server 文件夹里是后台 直接用express的应用生成器:

npm install express-generator -g

express server 

接着直接改client/config/index.js里的build


.没错就是让vue编译后的文件在server里的public文件夹下,如图


ok,这样你写完vue之后,只要跑下build,文件就部署到server上了,作为静态资源,server直接可以调用。

这是demo  一个简单的记帐本

很简单,除了登陆,注册这是主页面


源码  记账本

vue和express也是刚学,项目肯定有很多不足,希望可以和大家甲流

猜你喜欢

转载自blog.csdn.net/kd2888/article/details/80539251