/vue-express-webpack

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

Primary LanguageJavaScript

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,十分欢迎大家提出指正。