vue+node.js（express）实现同步启动与热更新

vue+node.js（express）实现同步启动与热更新

vue/cli

vue脚手架创建目录，我这里用的是vue2.x，脚手架版本4.x。
执行命令

vue create client

选择一些配置后，创建完成。

express-generator

npm安装express-generator

npm install -g express-generator

用下面命令创建express应用

express [options] [dir]

具体可前往express官网查看【点击查看express】。

开始配置

下面说说怎么将两个应用同时启动与配置热更新
首先将vue文件夹放在express应用目录下
安装插件

npm install concurrently
npm install nodemon // 配置后可热更新

前端目录package.json重新配置启动命令

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "start": "npm run serve"  // npm start命令即可运行前端项目
  },

express目录下package.json文件启动命令

"scripts": {
    "client": "npm start --prefix client",
    "start": "node ./bin/www",
    "server": "nodemon ./bin/www",
    "dev": "concurrently \"npm run server\" \"npm run client\""
  },

这样就配置完了。目前配置已经符合我的需求了，欢迎指点。谢谢。

以梦为马，不负韶华。