一、概述
现在流行用Vue.js前端框架开发前端应用网站,刚好在公司完成一个内部使用的网站,现将部署方法分享出来。
二、开发环境
系统:win7
IDE:Webstorm2019.2
Node.js:v10.16.2
三、网站开发
首先,我们要开发好网站的各个功能,在本地能够运行起来,打开浏览器可以看到效果:http://localhost:32000, 如下图示:
四、打包
在工程根目录下执行如下命令:
- 安装依赖:
npm install
- 构建安装包:
npm run build
执行成功后,会在当前目录生成一个名为dist的文件夹,该文件夹包含一个static文件夹和一个index.html文件。
五、安装部署环境
- 使用VMware或者VirtualBox创建一个Ubuntu(