如何在 Ubuntu 20.04 上安裝 Vue CLI

在本文中，我們將解釋如何在 Ubuntu 20.04 上安裝 Vue CLI。

Vue.js 是一個開源的模型-視圖-視圖模型前端 JavaScript 框架。本文將指導您安裝過程和創建 hello world 第一個項目。

先決條件

• 安裝了 Ubuntu 20.04 的專用服務器或 KVM VPS。
• root 用戶訪問權限或具有管理權限的普通用戶。

在 Ubuntu 20.04 上安裝 Vue CLI

1 - 保持服務器最新

# apt update -y

2 - 下載 NodeJS

下載 NodeJS 的最新穩定版本。

# curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash -

3 - 安裝 NodeJS

接下來，使用以下命令安裝 NodeJS：

# apt-get install -y nodejs

4 - 驗證安裝

# node -v && npm -v

輸出：

v15.9.0
7.5.4

5.安裝Vue CLI

以下命令將安裝 Vue CLI。

# npm install -g @vue/cli

驗證安裝：

# vue --version

輸出：

@vue/cli 4.5.11

6.創建Vue項目

# vue create hello-world

系統將提示您選擇一個預設。您可以選擇帶有基本 Babel + ESLint 設置的默認預設，或者選擇“手動選擇功能”來選擇您需要的功能。

輸出：

Vue CLI v4.5.11
? Please pick a preset: (Use arrow keys)
❯ Default ([Vue 2] babel, eslint)
Default (Vue 3 Preview) ([Vue 3] babel, eslint)
Manually select features

成功創建項目 hello-world。
開始使用以下命令：

# cd hello-world
# npm run serve

輸出：

App running at:
- Local: http://localhost:8080/
- Network: http://192.168.0.106:8080/

Note that the development build is not optimized.
To create a production build, run npm run build.

導航到您的瀏覽器並打開 http://[server_IP]:8080。

就是這樣。安裝已完成。

在本文中，我們已經看到瞭如何在 Ubuntu 20.04 上安裝 Vue CLI。