如何在 Ubuntu 22.04/23.04 上安装 Vue.js

Vue.js 是一种流行的开源 JavaScript 框架，用于构建用户界面和单页应用程序。它由 Evan You 创建，于 2014 年 2 月首次发布。Vue.js 是一个渐进式框架，这意味着它可以根据需要逐步采用，允许开发人员从小处着手并根据需要添加更多功能。Vue.js 为构建用户界面提供了一个反应式和可组合的系统，这使其成为创建现代 Web 应用程序的流行选择。

在本教程中，我们将向您展示如何在 Ubuntu 22.04 操作系统上安装 Vue.js。

步骤 1：更新操作系统

更新您的 Ubuntu  22.04 操作系统以确保所有现有软件包都是最新的：

# apt update && sudo apt upgrade -y

第 2 步：安装 Node.js

Vue.js 建立在 Node.js 之上，因此我们需要先安装它。

默认 Ubuntu 22.04 存储库中包含的 Node.js 版本是 v12.22.9较旧的 LTS 版本。

我们将在我们的 Ubuntu 操作系统上安装 Node.js 版本 18.x LTS。

# curl -sL https://deb.nodesource.com/setup_18.x | bash -

仓库添加成功后，运行以下命令安装Node.js：

# apt install nodejs

您可以通过运行以下命令来验证安装：

# node --version

您应该看到系统上安装的 Node.js 的版本号：

v18.14.1

下一步是更新 npm 版本：

# npm install npm@latest -g

npm 使用以下命令验证 版本：

# npm --version

您应该得到以下输出：

9.5.0

第三步：在 Ubuntu 22.04 上安装 Vue CLI

Vue CLI 是用于构建和脚手架项目的命令行界面Vue.js。

运行以下命令全局安装 Vue CLI：

# npm install -g @vue/cli

通过运行以下命令验证 Vue CLI 安装：

# vue --version

您应该看到系统上安装的 Vue CLI 的版本号：

@vue/cli 5.0.8

第 4 步：创建 Vue.js 应用程序

现在我们已经安装了 Node.js 和 Vue CLI，我们可以创建一个 Vue.js 应用程序。

您可以创建一个 Vue.js 项目运行以下命令：

# vue create linuxtuto-project

示例输出：

您可以接受默认选项或根据需要自定义它们。

接下来，将目录更改为Vue.js应用程序：

# cd linuxtuto-project

进入项目文件夹后，您可以使用以下命令以开发模式启动 Vue.js 应用程序：

# npm run serve

默认情况下，Vue.js  应用程序在端口上启动8080.

打开您最喜欢的浏览器并输入 URLhttp://your-IP-address:8080以访问您的 Vue.js 应用程序。

您应该会看到默认的Vue.js欢迎页面。

结论

恭喜。您已经了解了如何Vue.js在 Ubuntu 22.04 上安装和创建示例应用程序。无论您是初学者还是经验丰富的开发人员，Vue.js都是构建 Web 应用程序的绝佳选择。

为了获得有关此主题的更多信息，您可以访问 Vue.js 的官方网站。