panio123/vue-express-webpack

vue+express全栈开发项目模版,解决需要起两个服务器的烦恼。

vue+express webpack项目模版

简介

正如项目名称，这是一个vue+express的全栈开发项目，作者目前正在使用它开发自己的博客中，作者博客：http://liu-pan-cc。

开使用之前，强烈建议您全局安装pm2

pm2简单好用node程序托管插件，在此不多作介绍，附上官网地址：http://pm2.keymetrics.io/。

项目目录

client前端代码

server服务端代码

static前端静态资源

开始

1、克隆项目到本地

2、初始化项目

#安装依赖
npm install

3、使用pm2启动-需要全局安装pm2

#启动本地服务器，对前端代码可热更新，对服务端代码变更，会重启服务器。
npm run start

#重启服务器
npm run restart

#查看服务器运行日志和前端热更新进度
npm run logs

4、打包代码

#打包后的文件直接输出到 server 中
npm run build

5、上线

上线项目，只需要将server内的东西上传至服务器，然后使用pm2启动即可。

不用pm2启动-服务端代码修改后，无法自动重启使代码立即生效。

#不建议使用这种方式
npm run dev

最后

此模版为作者参考vue-cli手工搭建，鉴于作者水平有限，且webpack和实际需求十分复杂多变，难免会有这样那样的bug，十分欢迎大家提出指正。