中国队世界杯_2014世界杯德国 - dyhdcw.com

Vue从0到1 (自学日记版)

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项目!

这仅仅是第一步也是一大步

Copyright © 2022 中国队世界杯_2014世界杯德国 - dyhdcw.com All Rights Reserved.