如何在Linux系统中安装Vue环境

如何在Linux系统中安装Vue环境

在 Linux 系统上安装和使用 Vue.js 具有显著的优势。首先，Linux 的稳定性和高性能使其成为开发任务的理想平台，确保资源管理高效且系统崩溃风险低。其次，Linux 提供了强大的命令行工具和脚本支持，便于自动化开发流程。作为开源系统，Linux 拥有庞大的社区支持，开发者可以自由定制系统以满足特定需求。其软件包管理系统简化了 Node.js 和 Vue.js 的安装与更新。此外，Linux 的安全性、多用户和权限管理功能为团队协作提供了保障。广泛的工具支持和对容器化技术的原生支持，使得 Linux 成为开发者的首选平台，特别是在需要高效、稳定和安全的开发环境时。

本文系统为Rocky9.5。

1. 更新系统包管理器

首先，确保你的系统包管理器是最新的。

sudo dnf update -y

2. 安装 Node.js

Vue.js 依赖于 Node.js 和 npm。你可以使用 NodeSource 的存储库来安装 Node.js。

curl -sL https://rpm.nodesource.com/setup_20.x | sudo bash -
sudo dnf install -y nodejs

验证 Node.js 和 npm 是否安装成功：

[root@localhost ~]# node -v 
v20.19.0
[root@localhost ~]# npm -v 
11.3.0

3. 安装 Vue CLI

Vue CLI 是一个标准化的 Vue.js 项目脚手架工具。你可以通过 npm 来安装它。

sudo npm install -g @vue/cli

验证 Vue CLI 是否安装成功：

[root@localhost ~]# vue --version
@vue/cli 5.0.8

4. 创建一个新的 Vue 项目

使用 Vue CLI 创建一个新的 Vue 项目。例如，创建一个名为 kubementor 的项目：

[root@localhost ~]# vue create kubementor

根据提示选择默认配置或自定义配置。

5. 进入项目目录并运行开发服务器

启动项目

cd kubementor
vue serve

这将启动一个本地开发服务器，通常在 http://localhost:8080 上运行。你可以在浏览器中访问这个地址来查看你的 Vue 应用。

记得关闭防火墙。

在 http://localhost:8080 上运行。你可以在浏览器中访问这个地址来查看你的 Vue 应用。

记得关闭防火墙。

安装完成拉=啦，玩去吧！