webStorm打包vue项目并且部署到服务器

至于我为什么部署到window系统来当测试服务器，是因为公司叫我用台式电脑当测试服务器，所以用window系统.
部署之前，服务器的node.js等等环境要先部署好

一、打包项目(我用的开发工具是webStorm，所以直接在编译器输入命令打包)

添加依赖：npm install

打包：npm run build

如果打包的时候报错：
ERROR Error: CSS minification error: Unknown browser kaios. File: assets/css/app.582b07ad.css
Error: CSS minification error: Unknown browser kaios. File: assets/css/app.582b07ad.css

参考这篇博客：打包报错解决方法

然后此时你会发现项目下多了一个 dist 文件夹，dist下文件便是项目打包之后生成的文件（没有就刷新下项目）。

可以将dist里面的文件放到后台项目的static下，这样可以跟后台代码一起打包成jar包了（可以cd进入dist,npm install下）

前端webstorm：

后台IDEA：

之后看这篇如何打包成jar包

不想打包成jar包的就往下看

二、安装express-generator生成器

执行 npm install express-generator -g 进行安装

三、 创建一个express项目

执行 express expressDemo （expressDemo是项目名）

expressDemo项目目录如下图:

四、进入expressDemo目录，安装项目依赖

执行 cd expressDemo 进入之后在执行 npm install

五、把dist目录下的所有文件复制到express项目的public文件夹下

六、通过cmd命令运行项目

找到expressDemo所在路径，执行命令 npm start (或者npm run start)

出现下面这个错误表示端口号被占用：

出现这样表示启动成功：

浏览器输入地址就可以看到了

如果需要更改项目端口号，到expressDemo的bin目录下，找到www这个文件，

liunx参考这篇