初识Vue3

一、安装node

这里使用nvm管理node版本，官方下载地址（以windows为例）

https://github.com/coreybutler/nvm-windows/releases

1.1 下载安装包运行

安装包.png

1.2 安装完成后，配置环境变量NVM_HOME和NVM_SYMLINK

配置环境变量.png

1.3 通过nvm安装node（以18.18.0版本为例）

nvm install 18.18.0
nvm use 18.18.0

查看node版本

node -v

终端输出 v18.18.0即表示安装成功

其他nvm常用命令：

nvm ls  -- 查看已安装的node版本

输出：

• 18.18.0 (Currently using 64-bit executable) <-- 当前使用版本
  14.21.3

nvm list available -- 显示远程可安装的版本列表

二、初始化vue3项目

npm init vue@latest

然后根据提示输入项目名(示例为vue-base)，根据需要选择配置项，如下图所示：

初始化流程及配置.png

初始化完成，进入项目，安装依赖，运行查看效果

cd vue-base
npm install
npm run dev

控制台输出以下信息即为运行成功

运行项目.png

复制地址到浏览器，或按住ctrl点击链接查看效果（VSCode）

运行效果.png

恭喜你，已经成功迈出了第一步！