Vue 3 安装教程(图文讲解)
一则或许对你有用的小广告
欢迎加入小哈的星球 ,你将获得:专属的项目实战 / Java 学习路线 / 一对一提问 / 学习打卡/ 赠书活动
目前,正在
星球
内带小伙伴们做第一个项目:全栈前后端分离博客项目,采用技术栈 Spring Boot + Mybatis Plus + Vue 3.2 + Vite 4
,手把手,前端 + 后端全栈开发,从 0 到 1 讲解每个功能点开发步骤,1v1 答疑,陪伴式直到项目上线,目前已更新了 144 小节,累计 22w+ 字,讲解图:923 张,还在持续爆肝中,后续还会上新更多项目,目标是将 Java 领域典型的项目都整上,如秒杀系统、在线商城、IM 即时通讯、权限管理等等,已有 440+ 小伙伴加入,欢迎点击围观
。
前言
大家好,我是小哈~
要想学习 Vue ,首先需要安装好 Vue 的环境。本文我将带着大家一步一步完成 Vue 环境的搭建。
第一步:安装 Node.js 环境
访问 Node.js 官网:https://nodejs.org/en ,点击左侧的下载按钮,下载 Node.js LTS 版本的安装包:
⚠️ 注意:学习 Vue 3, 你需要安装 Node.js 16.0 版本或者更高, LTS 表示该安装包是一个被长期支持的版本,可以理解成是一个稳定版本。
下载 Node.js 安装包
下载完成后,双击开始安装:
Node.js 安装文件
无脑点击下一步【Next】按钮即可,其中,需要勾选接受协议,以及自选选择安装路径,小哈这里直接使用的默认安装路径 C
盘:
安装 Node.js
继续点击【Next】按钮, 然后进入安装:
安装 Node.js
等待其安装成功:
Node.js 正在安装中
然后点击【Finish】按钮,到这里 Node.js 就安装成功了:
Node.js 安装完成
第二步:验证是否真的安装成功了
按住快捷键 win + R
输入 cmd
打开命令行,或者使用 PowerShell 等其他命令行工具,执行如下命令:
node -v
npm -v
如果能够正确输出版本号,则表示 Vue 的环境搭建成功:
确认 Node.js 环境是否安装成功