2025年7月4日
前端三大主流框架指的是 React、Vue 和 Angular,先学习Vue
一、什么是Vue?
对于刚毕业的应届生来说,只是在老师口中听说过,自己也浅浅看过一些,Vue是主流前端框架之一,是一款用于构建用户界面的渐进式JavaScript框架因为它专注于视图层,易于与其他库或现有项目整合,同时也能为复杂的单页应用(SPA)提供驱动,所以很多大厂前端工程师必要技能。
注释:(1)渐进式 JavaScript 框架是一种设计理念,允许开发者根据项目需求逐步采用框架的功能。既是一个框架也是一个生态。
(2)SPA是一种通过动态加载内容而非刷新整个页面的Web应用,例如Facebook和Twitter就是典型的单页应用,页面不会完全刷新,而是通过JavaScript动态更新内容。
二、为什么要学Vue?
Vue.js作为主流前端框架之一,在国内外企业中被广泛应用,许多招聘岗位明确要求掌握Vue.js技能。学习Vue可以提升应届生的技术栈匹配度,增加简历通过率和面试机会。(能力优势)
技能专注于前端领域又能为全栈开发结合Node.js打下基础,两全其美,对于应届生来说轻量易上手。
三、个人实操安装Vue
官方文档
地址:https://cn.vuejs.org/
以上官方文档可以去官网学习
一、环境准备
安装 Node.js 确保已安装 Node.js(推荐 v16+)和 npm(或 yarn/pnpm)。 下载地址:Node.js 官网
验证环境
node -v # 检查 Node 版本
npm -v # 检查 npm 版本
二、本人喜欢用VS Code来学习Vue
安装 Visual Studio 安装 Visual Studio 2022(社区版即可),并勾选以下工作负载:
Web 开发Node.js 开发(本人推荐)
2.下载Vue的扩展,以及各种方便的扩展包
三、配置 VS 开发环境
安装扩展 推荐安装以下扩展(在 VS 扩展管理器中搜索安装):
Vue.js (WIP):提供语法高亮和智能提示ESLint:代码检查工具Prettier:代码格式化工具
四、打开终端创建Vue项目
输入vue-****(名字自己起)
起好名字后按回车就行,NB的选项选了也不知道咋弄
两次回车后出现以下画面,下来按可执行的命令按顺序,依次输入回车确定
到这里剩最后一个我们就成功了
按住Ctrl键点击Local后面的地址跳转网页
看到这个页面就成功创建了一个Vue项目!
这仅仅是第一步也是一大步