当前位置：首页 > news >正文

Web前端基础

news 来源：原创 2025/6/8 8:16:53

### 一、浏览器
火狐浏览器、谷歌浏览器(推荐)、IE浏览器

推荐谷歌浏览器原因：
1、简洁大方,打开速度快
2、开发者调试工具（右键空白处->检查，打开调试模式）

### 二、开发工具
核心IDE工具
1. Visual Studio Code (VS Code)‌
微软开发的免费跨平台编辑器，支持智能提示、Git集成、调试功能及丰富的扩展插件‌。
轻量高效，适用于HTML/CSS/JavaScript及主流前端框架开发‌。

2. WebStorm‌
JetBrains推出的专业前端IDE，提供智能代码补全、重构、调试及ESLint集成‌。
适合复杂JavaScript/TypeScript项目，支持React/Vue等框架‌。

3. HBuilder‌
专为前端设计的国产工具，支持uni-app框架实现多平台开发（小程序、H5、App）‌。
提供实时预览和高效语法提示，适合快速迭代项目‌。

### 三、VSCode使用
#### - VSCode常用快捷键
1. 生成浏览器文件的快捷方式:！+回车
2. 代码格式化:Shift+Alt+F
3. 向上或向下移动一行:Alt+Up或Alt+Down
4. 快速复制一行代码:Shift+Alt+Up或Shift+Alt+Down
5. 快速保存:Ctrl+S
6. 快速查找:Ctrl+F
7. 快速替换:Ctrl+H

#### - VSCode常用插件
1.快速打开浏览器
扩展->搜索open in browser ->点击安装

### 四、相关概念介绍
1. HTML5介绍
HTML5是用来描述网页的一种语言,被称为超文本标记语言。用HTML5编写的文件,后缀以.html结尾。
HTML是一种标记语言,标记语言是一套标记标签。标签是由尖括号包围的关键字,例如:<html>

标签有两种表现形式:
- 双标签,例如:<html></html>