WebStorm打包vue项目并且部署到服务器
一、打包项目使用 WebStorm 打开项目,在 WebStorm 的终端输入添加依赖命令> npm install> npm run build打包完成后,会在项目根目录下生成一个 dist 文件夹,里面的文件就是需要部署的打包文件。二、部署项目全局安装 express-generator 生成器> npm install express-generator -g三、创建项目部
·
一、打包项目
使用 WebStorm 打开项目,在 WebStorm 的终端输入添加依赖命令
> npm install
> npm run build
打包完成后,会在项目根目录下生成一个 dist 文件夹,里面的文件就是需要部署的打包文件。
二、部署项目
全局安装 express-generator 生成器
> npm install express-generator -g
三、创建项目部署目录
使用 Node.js 命令提示工具进入项目部署根目录,使用 express 创建项目目录。
> express test
进入 test目录,安装依赖
> cd test
> npm install
将之前 dist 目录下的所有文件复制到test 的 public 目录下
四、运行项目
> npm start
在浏览器地址栏输入 127.0.0.1:3000 ,【回车】就可以看到发布的项目。
更多推荐
已为社区贡献13条内容
所有评论(0)