如何快速入门前端001

一、了解前端

1、认识主流的前端

uniapp

vue

 

2、认识了解路由

数据的获取

组件

数字组件传参

兄弟组件传参

列表

二、下载一套项目，让项目能运行起来

1、下载 安装nvm ：   https://www.cnblogs.com/jing-tian/p/11225123.html

2、打开控制台

 执行nvm use 22.14

 执行 nvm 1s 可以看到版本号，不是理想状态

执行nvm use 22.14 然后 可以看到版本对了

 3、下载一个项目https://github.com/kailong321200875/vue-element-plus-admin

　　解压后，打开项目，在终端执行pnpm install

在执行pnpm run dev让项目跑起来

按着Ctrl点击 http://localhost:4000/  就可以点开项目了

 可以看看这个项目结构

 三、了解数据都是哪里来的

　　网络请求Network，在这里看看数据都是哪里来的

 随便点一个进去

localhost:4000/src/views/Components/Table/DefaultTable.vue 是一个 URL（统一资源定位符 ），其含义如下：

• localhost：表示本地主机，即当前计算机自身。在开发和测试阶段，常使用localhost来访问本地运行的 Web 服务，避免与外部网络交互，方便调试。
• :4000：这是端口号。计算机通过不同端口来区分运行的不同网络服务。这里表示该 Web 服务运行在 4000 端口上。例如，常见的 HTTP 服务默认端口是 80，HTTPS 是 443 ，而在本地开发中，开发者可自定义端口，像 Vue、React 项目开发时常用 8080、4000 等端口。
• /src/views/Components/Table/DefaultTable.vue：这是资源路径。表示在本地运行的 Web 服务内部，要访问的具体文件路径。在前端项目（尤其是基于 Vue.js 等框架开发的项目 ）中，src是源代码目录，views通常存放视图相关文件，Components目录用于放置各种组件文件，这里Table是组件分类目录，DefaultTable.vue则是具体的 Vue 组件文件，它可能是一个表格组件相关代码文件，用于实现特定的表格展示和交互功能。

看看这些数据都是哪里来的