前情提要

本文建立在已经安装好nodejs的基础上进行，如何安装请移步nvm安装nodejs

实验环境： PVE下的ubuntu22.04 server （npm的版本不要太低，按之前的文章下载的nodejs，自带的npm版本为10.8.2）

设置镜像

如果你的机器可以直接连接国外的网络，无视这一段。

由于我的机器只能连接国内的网络，这里先设置镜像源：

1
2

# 配置 npm 使用淘宝镜像源
npm config set registry https://registry.npmmirror.com

1
2

# 检查镜像配置
npm config get registry

如果出现镜像地址，则说明成功。

安装 Vue3

配置完镜像后，我们现在来安装Vue CLI，Vue CLI 是一个基于 Vue.js 进行快速项目搭建的工具，它为开发者提供了一个便捷的方式来初始化 Vue 项目。

Vue CLI 是创建和管理 Vue 3 项目的有力工具，它为 Vue 3 项目提供了便捷的搭建方式、标准化配置和丰富的插件系统，但 Vue 3 本身可以独立于 Vue CLI 使用

1

npm install -g @vue/cli

出现如下则安装成功：

1
2
3
4

# 验证版本
vue --version
# jy@jy:~$ vue -V
# @vue/cli 5.0.8

创建vue3项目

在完成Vue CIL的安装后，我们就能进行vue3项目的创建了：

1

vue create my-vue3-project --default

创建完成之后，我们进入到my-vue3-project中，运行开发服务器

1
2

cd my-vue3-project
npm run serve

然后就可以进入vue3的默认web页面了