vue3【2024版】开发环境搭建（含官网和nvm下载切换最新版node，修改node下载源，创建项目，启动项目，安装vscode插件Vue - Official）

下载安装18.0以上版本的 node.js

方案一：通过官网下载安装

https://nodejs.org/en

按安装导航，一直 next 即可。

查看 node 版本

node -v

方案二：通过 nvm 下载安装

前提：已安装了 nvm

1. 查看当前已存在的 node 版本

nvm list

若显示已存在 18.0 以上的 ndoe.js，则无需安装，直接切换使用即可。

2. 查看可安装的 node 版本

nvm list available

选择 LTS 稳定版的最新版

3. 安装目标版本的 node

nvm install 20.12.2

4. 切换到目标版本的 node

nvm use 20.12.2

5. 查看 node 版本，确保已成功切换为最新版的 node

node -v

修改 npm 下载源

以前的淘宝源已停止维护，需改成新下载源

npm config set registry https://registry.npmmirror.com

查看下载源

npm get registry

创建项目

npm create vue@latest

进入项目

cd examApply

安装依赖

npm i

启动项目

使用 vscode 打开项目，点击脚本运行按钮，或终端执行

npm run dev

安装 IDE 插件 Vue - Official

vscode 专用

https://marketplace.visualstudio.com/items?itemName=Vue.volar