Rocky Linux 部署 Vue 开发环境


在上一篇文章里,说是讲过,使用群晖里的 Docker 安装了 Centos 来进行远程开发,但是 Docker 总有些问题已经违背了当初省事的初衷。一方面是安装一些软件需要编写启动脚本,再次打包 Docker 然后运行(比如SSH),不说麻烦吧,整个 Centos 镜像还是十分大的。另一方面 Docker 缺少(或者说我没发现)一个类似虚拟机快照的功能,无法快速备份,还原,很容易造成一些灾难性的后果。
遂斥巨资升级了一波家里 NAS 支持了虚拟化,使用 PVE 跑了一个完整的 Linux (Rocky)

虚拟机真的不错,维护真的方便。

部署环境

到官网下载node,上传到服务器,/root/node 解压 https://nodejs.org/en/download/ 给予755权限。

# 重新链接npm
cd /root/node/node-v16.14.2-linux-x64/bin
rm -rf npm
ln -s ../lib/node_modules/npm/bin/npm-cli.js ./npm
# 为node环境创建全局变量
vim /root/.bash_profile
# 填写下面两行
VERSION=v16.14.2
DISTRO=linux-x64
export PATH=/root/node/node-$VERSION-$DISTRO/bin:$PATH
# 重启,成功后执行下面命令会出现版本号
node -v
npm -v
# 部署环境
npm config set registry https://registry.npmmirror.com
npm install webpack -g
npm install webpack-cli -g
npm install webpack-dev-server -g
npm install vue -g
npm install @vue/cli -g

创建项目

// 创建项目
vue create 项目名
// 运行项目
cd 项目名
npm run servr
# 记得关闭虚拟机防火墙,或者放行端口。
systemctl stop firewalld && systemctl disable firewalld && systemctl status firewalld

不得不说 Linux 下各种包,软件。一条命令就搞定十分友好。

参考

https://www.cnblogs.com/lisicn/p/14097775.html
https://blog.csdn.net/weixin_44604118/article/details/122879889

声明:纸盒博客|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - Rocky Linux 部署 Vue 开发环境


Carpe Diem and Do what I like