一、安装Node：

先到官网下载node,版本最好是16及以上，我这里是V22（Windows），之后双击即可安装。

二、配置npm镜像：

# 清除缓存npm cache clean --force
# 验证缓存是否清除干净npm verify cache
# 更改淘宝镜像npm config set registry https://registry.npmmirror.com/
# 查看本地配置的镜像地址npm config get registry

三、初始化项目：

打开powershell命令行工具，最好是管理员身份打开

Set-ExecutionPolicy RemoteSigned

再初始化项目

npm init vue@latest

回车后，此时会选择安装项目，这里大部分都是默认“否”，其中有一项“是否引入 ESLint 用于代码质量检测？”，我们通过“左右键/上下键”选择“是”，具体如下截图：

四、启动项目：

接下来我们按照截图最下面的命令，分别输入3个命令进行安装依赖性和启动项目

项目代码结构如下：

​

五、打开页面：

根据启动的提示地址，从浏览器输入地址打开网页如下

网页打开http://localhost:5173/如下

参考链接：

插图来源：

https://icons8.com/

https://undraw.co/

阅读原文：原文链接