# 2025年前端Vue的学习路线

# 第一步)基础篇

学好:html、css、js这个非常重要。

# 第二步)前端框架

会了第一步的知识这还只是刚刚开始。接下来我们要进行框架的学习。要想做出能用的东西处理那必须等继续学习。

vue官方地址。

Vue.js - 渐进式 JavaScript 框架 | Vue.js (opens new window)

image-20251002184308997

# 第三步)vue工具库VueUse

VueUse (opens new window)

image-20251002184909555

什么是VueUse?

VueUse is a collection of utility functions based on Composition API (opens new window). We assume you are already familiar with the basic ideas of Composition API (opens new window) before you continue.

答:VueUse 是基于 Composition API 的 (opens new window)实用函数集合。在继续之前,我们假设你已经熟悉 Composition API (opens new window) 的基本概念。

image-20251002185131487

官方视频学习地址:VueUse for Everyone: Unlock Vue.js Composition Power (opens new window)

# 第四步)css样式框架

tailwindcss,我2025年10月粘贴的网址。

Tailwind CSS v4.0 - Tailwind CSS (opens new window)

image-20251002184142190

# 第五步)前端项目打包框架

vite,我2025年10月粘贴的网址。老的项目都是使用webpack。

开始 | Vite 官方中文文档 (opens new window)

image-20251002184244126

Last Updated: 10/6/2025, 12:54:35 PM