背景说明
node 后台开发时,本身是作为集成一个 tomcat+java 功能的后台,直接运行即可。
vue 开发与 node 开发同时进行全栈开发时,需要打开运行两个项目,比较麻烦。
配置步骤
说明:此一系列步骤在简单的 vue 以及 node 开发使用之后可以更好理解一些。
node版本:10.15.1
@vue/cli:4.0.5
简要说明
在已有的 node 后台项目中新建一个 client 文件夹存放前端项目,使用 concurrently 插件来运行命令,使用 nodemon 监控重启 node 后台。
目录结构大概如下:
┝ node_backend // node后台
─ bin
─ public
─ routes
─ views
─ app.js
─ package.json
─ client // 存放前端项目
┗ public
┗ src
┗ babel.config.js
┗ package.json
┗ vue.config.js
开始配置......
安装必要的插件
在 node_backend 下安装:
npm install concurrently # 必须安装
npm install nodemon # 可选安装
npm install
分别在 node_backend 以及 client 文件夹下执行 npm install 命令
client 前端的packa