从零开始的vue项目打包部署到服务器运行

本文记录了一次在CentOS7环境下,从零开始的Vue项目打包及部署过程。首先,通过yum安装node环境和cnpm,然后升级node到稳定版,解决npm版本不匹配问题。接着,安装vue/cli,初始化并运行项目。关闭防火墙或配置firewall开放相应端口后,项目可通过服务器IP访问。最后,将vue项目打包至dist,利用express-generator生成项目,并将dist内容放入public目录,完成部署。
摘要由CSDN通过智能技术生成

记一次生产环境打包部署

环境:CentOS7

注:建议没事就source /etc/profile刷新

  1. 偷懒法直接yum安装node环境,并安装cnpm

注意安装node是nodejs不是node!!!!

yum install nodejs
npm install -g cnpm --registry=https://registry.npm.taobao.org 

此时node的版本是6.17.1,npm是3.10.10。

  1. 版本可能有点低,使用工具n,升级node到稳定版
cnpm install -g n
  1. 安装稳定版本
n stable

可以使用命令n选择已安装版本,查看版本对应则成功。

注:我这里出了点小插曲。1.中下载cnpm下不动,我就直接用npm下载了n,然后更新到了stable的node。导致我的node

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值