在本教程中，我们将向您展示如何在 Ubuntu 22.04 LTS 上安装 Vue.js。 对于那些不知道的人来说，Vue.js 是一个渐进式的 JavaScript 框架，它反应灵敏且易于学习。 它提供了各种工具和库，非常适合适应和学习。 Vue.js 有助于立即使用 JavaScript、HTML 和 CSS 知识构建 Web 应用程序。
本文假设您至少具备 Linux 的基本知识，知道如何使用 shell，最重要的是，您将网站托管在自己的 VPS 上。 安装非常简单，假设您在 root 帐户下运行，如果不是，您可能需要添加 ‘sudo‘ 到命令以获取 root 权限。 我将向您展示在 Ubuntu 22.04 (Jammy Jellyfish) 上逐步安装 Vue.js 框架。 对于 Ubuntu 22.04 和任何其他基于 Debian 的发行版，如 Linux Mint、Elementary OS、Pop!_OS 等，您可以按照相同的说明进行操作。
先决条件
- 运行以下操作系统之一的服务器：Ubuntu 22.04、20.04 和任何其他基于 Debian 的发行版，如 Linux Mint。
- 建议您使用全新的操作系统安装来防止任何潜在问题。
- 对服务器的 SSH 访问（或者如果您在桌面上，则只需打开终端）。
- 一个
non-root sudo user或访问root user. 我们建议充当non-root sudo user，但是，如果您在充当 root 时不小心，可能会损害您的系统。
在 Ubuntu 22.04 LTS Jammy Jellyfish 上安装 Vue.js
步骤 1. 首先，通过运行以下命令确保所有系统包都是最新的 apt 终端中的命令。
sudo apt update sudo apt upgrade sudo apt install build-essential curl
步骤 2. 安装 Node.js。
现在使用以下命令添加 Node.JS 存储库：
curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash -
添加存储库成功后，运行以下命令在 Ubuntu 22.04 上安装 Nodejs：
sudo apt install nodejs
下一步是更新 npm 版本：
sudo npm install [email protected] -g
使用以下命令确认已安装 npm 和节点：
npm -v node -v
步骤 3. 在 Ubuntu 22.04 上安装 Vue.js。
默认情况下，Vue.js 在 Ubuntu 22.04 基础存储库中不可用。 现在使用 Ubuntu 在 Ubuntu 上安装 Vue.js npm 命令：
npm install [email protected]
在第二种方法中，您可以使用 NPM 安装 Vue CLI 包。 这个包有助于设置在 VueJS 中创建新项目所需的所有工具：
sudo npm install -g @vue/cli
确认安装并检查已安装的 Vue.js 构建版本：
vue --version
第 4 步。创建 Vue.js 应用程序。
您可以使用以下命令创建 Vue.js 应用程序：
vue create idroot-project
输出：
Vue CLI v5.0.4 ? Please pick a preset: (Use arrow keys) ❯ Default ([Vue 3] babel, eslint) Default ([Vue 2] babel, eslint) Manually select features
选择一个预设（Vue 3 是最新的并且首选），接下来，将目录更改为 VueJS 应用程序：
cd idroot-project
现在您需要使用以下命令启动 Vue.js 应用程序：
npm run serve
输出：
App running at: - Local: https://localhost:8080/ - Network: https://192.168.77.20:8080/ Note that the development build is not optimized. To create a production build, run npm run build.
成功安装后，导航到浏览器并使用 URL 打开 https://192.168.77.20:8080
恭喜！ 你已经成功安装了 Vue.js。 感谢您使用本教程在 Ubuntu 22.04 LTS Jammy Jellyfish 系统上安装 Vue.js 渐进式 JavaScript 框架。 如需更多帮助或有用信息，我们建议您查看 Vue.js 官方网站.
