这是一个基于 Vue.js 与 Node Express 框架的一体化开发模板,主要解决前后端联合调试问题与部署问题。利用 Express 静态文件服务作为前端编译输出,进而解决部署前端需要 Web 服务器与前后端代码分开部署问题。
- bin - 服务启动入口
- interface - 业务接口实现
- fontend - 前端代码
- assets - 前端资源
- components - 前端组件
- config - 运行与编译变量配置
- libs - 前端工具
- store - vue store
- template - 界面模板
- theme - 全局演示
- views - 界面 vue 文件
- lib - 公共类库
- pubilc - 静态资源
- routes - 服务路由
- view - 视图
- script - 脚本
- 新建数据库
db
(以config.json
内配置的数据库为准); - 执行
npm run initdb
,并根据提示填写数据库连接信息(仅第一次); - 若需要重置某个表,如:重置
account
表,则执行npm run initdb -- account
。
- 执行
npm install
; - 前端执行
npm run dev
,后端使用 Visual Studio Code 运行调试(直接按下F5
即可)。
服务器需安装nodejs
和npm
。部署执行如下脚本:
npm install
编译前端代码:
npm run build
启动服务:
npm start
以守护进程方式,启动服务:
forever start ./bin/www
- 6789 (可在
config.json
配置)